是否可以在xHTML strict 1.0中使用CSS渲染空<div style =“width:50%”> </div>而无需设置宽度和高度(以像素为单位)?

时间:2009-10-24 03:44:11

标签: css xhtml xhtml-1.0-strict

是否可以在xHTML strict 1.0中使用CSS渲染空<div style="width:50%"> </div>而不用绝对值设置宽度和高度而不在内部添加&nbsp;? 目标是IE7-8,FF 3.x

如果我希望它获得50%宽度和可变高度,我可以以某种方式呈现空div吗?

4 个答案:

答案 0 :(得分:33)

我个人会去<div style="min-height:1px;width:50%"></div>.这样,任何非空的div都不会像其他答案那样得到不必要的填充。

显然,在单独的CSS文件中,它将是div { min-height:1px; width:50%}

答案 1 :(得分:24)

DIV添加一些填充,这样即使开始标记和结束标记之间绝对没有任何内容,您仍会看到一些内容。

<div style="width:50%; padding:10px;"></div>

答案 2 :(得分:7)

或者给它一个不间断的空间(&amp; nbsp;)

答案 3 :(得分:2)

我的经历:

除了用户'随机'回答的内容,我还需要添加空格(&amp; nbsp;)才能使其正常工作 希望这有帮助!

    <div style="width:50%; padding:10px;">&nbsp;</div>