Question

我的问题： 如何在没有文字的情况下将表格保留在TD中，而不会使其消失。

我使用此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"></td>
              <td id="main"></td>
              <td id="side_2"></td>
           </tr>
      </table>
    </div>

这个CSS代码：

html, body {
margin: 0px;
padding: 0px;
}

#push_down {
    padding-top: 53px;
}
#global_wrapper {
}
#sep_table {
    margin: 0px auto;
    width: 100%;
}
#side_1 {
    background:url(../images/navbar-bg-left.jpg) center repeat-x;
    height:78px;
}
#main {
    background:url(../images/navbar.jpg) center no-repeat;
    height:33px;
    width: 989px;
    padding-top:45px;
}
#side_2 {
    background:url(../images/navbar-bg-right.jpg) center repeat-x;
    height:78px;
}
.navbar{
    font-size:14px;
    font-weight:bold;
    color:#FFF;
}
.navbar a:link{
    color:#FFF;
    text-decoration:none;
}
.navbar a:visited{
    color:#FFF;
    text-decoration:none;
}
.navbar a:hover{
    color:#131313;
    text-decoration:none;
}
.navbar a:active{
    color:#FFF;
    text-decoration:none;
}

Answer 1

使用css：

table {
empty-cells:show;
}

在html中（不是很干净）：

<table>
<tr>
<td>&nbsp;</td>
</tr>
</table>

Answer 2

您还可以使用1px height和1px width放置透明图像（例如.png图像）。

Photoshop使用space.png作为桌面容器上的辅助图像，在保存网页和设备时，您可以复制此想法。

请记住将height and width 100%放在同一张图片上，以填充所有表格格式。

Answer 3

您可以添加此样式：

td{
    width: 20px;
    height: 20px;
    display: block;
}

如何能够在没有文本的情况下显示表TD

3 个答案: