这是否可以通过CSS实现?
我在努力
tr.classname {
border-spacing: 5em;
}
但没有用。也许我做错了什么?
这是否可以通过CSS实现?
我在努力
tr.classname {
border-spacing: 5em;
}
但没有用。也许我做错了什么?
当前回答
执行上述操作。。。
table tr{ float: left width: 100%; } tr.classname { margin-bottom:5px; }
删除垂直列对齐方式,因此使用时要小心
其他回答
不能更改表格单元格的边距。但你可以更换衬垫。更改TD的填充,这将使单元格变大,并通过增加的填充将文本推离侧面。然而,如果你有边界线,它仍然不是你想要的。
最好的方法是使用高度属性添加<td>:
<td height="50" colspan="2"></td>
你可以在这里阅读更多关于colspan的信息。
在下面的示例中,我们的表是绿色的,具有高度属性的td是黄色的:
<table style=“background color:green”><tr><td><span>洛雷姆</span></td><td><span>Ipsum公司</span></td></tr><tr><td height=“50”colspan=“2”style=“background color:yellow”></td></tr><tr><td><span>坐下</span></td><td><span>阿梅特</span></td></tr></table>
好的,你可以
tr.classname td {background-color:red; border-bottom: 5em solid white}
确保背景色设置在td而不是行上。这应该适用于大多数浏览器。。。(铬,即已测试)
您可以在表格中使用线条高度:
<table style="width: 400px; line-height:50px;">
我在与一个类似的问题作斗争时偶然发现了这一点。我发现Varun Natraaj的答案非常有用,但我会使用透明边框。
td { border: 1em solid transparent; }
透明边框仍具有宽度。