Html 如何显示表TD';里面没有文字
我的问题: 我怎样才能让一个表没有文本,而不让它消失呢 我使用以下HTML代码:Html 如何显示表TD';里面没有文字,html,css,html-table,Html,Css,Html Table,我的问题: 我怎样才能让一个表没有文本,而不让它消失呢 我使用以下HTML代码: <div id="push_down"></div> <div id="global_wrapper"> <table cellpadding="0" cellspacing="0" border="0" id="sep_table"> <tr> <td id="side_1"
<div id="push_down"></div>
<div id="global_wrapper">
<table cellpadding="0" cellspacing="0" border="0" id="sep_table">
<tr>
<td id="side_1"></td>
<td id="main"></td>
<td id="side_2"></td>
</tr>
</table>
</div>
使用css:
table {
empty-cells:show;
}
在html中(不是很干净):
您可以添加此样式:
td{
width: 20px;
height: 20px;
display: block;
}
您还可以放置高度
1px
和宽度1px
的透明图像(如.png图像)
Photoshop使用space.png
作为表格容器上的辅助图像,当为web和设备保存时,您可以复制这个想法
请记住将高度和宽度100%放在同一张图像上,以填充所有表格单元格。这会使所有tds都成为固定高度-他可能不希望这样。如果单元格中有,那么它应该到处都能工作。@Ixecube-尝试添加Ixecube
边框折叠:折叠来修复chrome。@easwee这不起作用,我会保持透明的图像解决方案。看起来效果最好,不过还是要感谢你的帮助:)@Ixecube它在有无边界塌陷的情况下都能正常工作——你一定有什么东西干扰了你的风格。检查样本测试页面:
<table>
<tr>
<td> </td>
</tr>
</table>
td{
width: 20px;
height: 20px;
display: block;
}