代码之家 › 专栏 › 技术社区 › Dan Goldstein

是否需要显示空的<div>?

html

Dan Goldstein · 技术社区 · 16 年前

<table style="width:100%">
<tr>
<th>Header</th>
<td><div id="foo"></div></td>
</tr>
</table>

7 回复 | 直到 16 年前

Community T.Woody 7 年前

这在Firefox、Safari、IE6和;IE7。

<html>
    <head>
        <style>
            #foo{
                background:  #ff0000;
                width:  100%;
                height:  100%;
                border:  2px dashed black;
            }
        </style>
    </head>
    <body onload="">
        <div id="foo"></div>
    </body>
</html>

Argelbargel 16 年前

因此,我认为坚持 因为这对你没有坏处。我还想添加一个类似“”之类的注释。因此,每个要更改html的人都知道div有一个特殊的含义,即使它是空的。

tomjedrz 16 年前

我想如果你想让它们实际渲染成某种东西,那么你应该包括其他空div的nbsp。

想象上的 如果没有内容,则显示任何内容。nbsp的整个要点是表示空白。这既是常识,也是(我相信)标准。

从实用的角度来看。。你有三个选择。一个是停止,知道你会得到不可预测的结果。这可能是最容易编写的代码。另一种方法是始终包括nbsp,方法是始终将nbsp放在div的末尾,或者测试是否为空,如果为空,则添加nbsp。第三种方法是测试浏览器,并在需要时插入nbsp。

Miguel Ping 16 年前

我认为这取决于浏览器(IE/Gecko引擎/Webkit引擎)和模式(标准模式、怪癖模式)。我有一些div出现在FFox/Standards模式中,而没有出现在IE6/7中。

Chris Serra 16 年前

根据经验,IE不会渲染空元素的边框(至少是空的<td>元素)

GameFreak 16 年前

可能

#foo {empty-cells: show;}

虽然那可能只是为了 <td>

-1

Zachary Zachary 15 年前

  任何时候。

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前