html - 如何为 'width' 元素保留 'hide'

标签 html css

我想要的正是 stackoverflow 评论。评论的 hover 显示每个评论的投票和标志形状。 here是我的 fiddle 。元素的 hover 让它移动,而我不想移动。我希望所有元素都固定

实际上我的问题是:保留不是针对 displaynone 的元素的 width。如何为隐藏元素分配宽度?

需要注意的是,使用 position: absolute; 是没有用的。它改变形状的位置(投票)

无论如何,我怎样才能实现像 stackoverflow 评论这样的结构?


编辑:

HTML:

<table>
  <tr>
    <td>1234</td>
    <td><a href="#"><i class="fa fa-sort-asc"></i></a></td>
    <td>this is comment 1</td> 
  </tr>
  <tr>
    <td>5</td>
    <td><a href="#"><i class="fa fa-sort-asc"></i></a></td>
    <td>this is comment 2</td>
  </tr>
</table>

CSS:

td{
    padding-right: 5px;
}

a{
    display: none;
}

tr:hover > td a {
    display: block;
}

最佳答案

您可以使用可见性代替显示:http://jsfiddle.net/wrkxg/244/

a{
    visibility: hidden;
}

tr:hover > td a {
    visibility: visible;
}

关于html - 如何为 'width' 元素保留 'hide',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31902435/

相关文章:

javascript - 我需要为 JavaScript 中的下拉菜单列表使用什么事件处理程序?

javascript - 在 Javascript 中切换 innerHTML

html - IE frameBorder替代方案

javascript - ionic 3 条件下的颜色变化

java - 在页面等待服务器时加载 CSS 和 JS

php session 变量在下一页丢失

css - 为列表中的前 10 个元素设置样式

javascript - 如何在 MUI TextField 中设置样式?

发送电子邮件时 jquery 设置边距不起作用

css - 影响 CSS/HTML 中父元素的背景图像?