图标应保留在列的顶部

时间:2014-03-06 19:36:28

标签: html css twitter-bootstrap html-table

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

我虽然不在这里,但使用bootstrap。那么有一个班级可以做到这一点吗?引导程序中的.table会将图标拉到顶部 - 但它也会添加一个我不想要的顶部边框,我可以进入并删除它,但我宁愿不这样做。

那么是否有一个引导类会导致所有图标跳转到它们所在的tr元素的顶部? - 或者更好的是,是否有一些简单的CSS可以使图标“粘贴”到它们所在的包含tr元素的顶部?

1 个答案:

答案 0 :(得分:0)

将此css-property添加到图标的TD:

vertical-align:top;

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