当前位置 : 主页 > 网页制作 > css >

css – 如何删除显示为内联块的表行之间的空格?

来源:互联网 收集:自由互联 发布时间:2021-06-13
我正在关注这个响应表的例子: http://dbushell.com/demos/tables/rt_05-01-12.html 但是我在表格行显示为内联块之间有一个奇怪的空间,这是一个演示:http://codepen.io/anon/pen/Fksjw 我尝试将边距归零
我正在关注这个响应表的例子:
http://dbushell.com/demos/tables/rt_05-01-12.html

但是我在表格行显示为内联块之间有一个奇怪的空间,这是一个演示:http://codepen.io/anon/pen/Fksjw

我尝试将边距归零,但我无法摆脱这个空间.

您看到的是内联(内联块)元素的默认行为.一种可能的解决方案是将font-size和line-height设置为0以使白色空间不可见.然后你只需将它们重置为某些值:

tbody {
    ...
    line-height: 0;
    font-size: 0;
}
tbody td {
    ...
    line-height: 20px;
    font-size: 14px;
}

http://jsfiddle.net/W2ACD/1/

另一个解决方案是手动删除tr之间的所有换行符和空格.

网友评论