html - 图标应位于列的顶部

标签 html css twitter-bootstrap html-table

我有一个基本的 table js fiddle ,图标是 obvi 字体很棒,你可以在这里看到随着文本的右侧增长,图标总是留在输入中,我希望它们以 10 px 的填充坚持到顶部。

虽然我不在这里,但我正在使用 bootstrap。那么是否有类(class)可以做到这一点? bootstrap 中的 .table 会将图标拉到顶部 - 但它还会添加一个我不想要的顶部边框,我可以进去删除它,但我宁愿不这样做。

那么是否有一个 Bootstrap 类可以使所有图标跳转到它们所在的 tr 元素的顶部? - 或者更好的是,我可以做一些简单的 css 来使图标“粘贴”到它们所在的包含 tr 元素的顶部吗?

最佳答案

将此 css 属性添加到图标的 TD:

vertical-align:top;

这确保图标保持在顶部。您可以使用填充更改位置;)

关于html - 图标应位于列的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22234254/

相关文章:

html - 如何设置 <img> 高度为 <h1> 的高度?

css - 媒体查询中的评论

javascript - Bootstrap 折叠 - 如何添加取决于折叠状态或不折叠状态的附加点击行为

html - 嵌套行流体网格不起作用

Bootstrap 进度条上的 Jquery setInterval()

html - 如何使 div 宽度仅适合其内容,下一个 div 填充其余部分?

javascript - 如何在图像上创建蒙版(不是剪辑路径,而是相反)

html - svg内容超出元素

html - 缩放弄乱了 z-index

用于检查网站标签的 Python 脚本