当前位置：首页 → 问答吧 → 如何让空的内容还占位

如何让空的内容还占位

时间：2010-11-13

来源：互联网

复制内容到剪贴板

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css" >
body{
margin:0 auto;
width:1000px
}
#test{
}
ul{
width:800px;
}
ul li{
clear:both;
}
.test1{
width:200px;
float:left;
}
</style>
</head>
<body>
<div id="test">
<ul>
<li><div class="test1">宽度1</div><div class="test1">宽度2</div><div class="test1">宽度3</div></li>
<li><div class="test1"></div><div class="test1">宽度2</div><div class="test1">宽度3</div></li>
<li><div class="test1"></div><div class="test1">宽度2</div><div class="test1">宽度3</div></li>
</ul>
</div>
</body>
</html>

上面的结构及样式，为什么不行。怎么让空的地方也能够占位

[ 本帖最后由 yilubenpao 于 2010-11-13 12:45 编辑 ]

作者: yilubenpao 发布时间: 2010-11-13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css" > body{ margin:0 auto; width:1000px } #test{ } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } </style> </head> <body> <div id="test"> <ul> <li><div class="test1">宽度1</div><div class="test1">宽度2</div><div class="test1">宽度3</div></li> <li><div class="test1">  </div><div class="test1">宽度2</div><div class="test1">宽度3</div></li> <li><div class="test1">  </div><div class="test1">宽度2</div><div class="test1">宽度3</div></li> </ul> </div> </body> </html>
提示：您可以先修改部分代码再运行

你在每个空的div里面加个空格就ok了，

[ 本帖最后由 wyysf 于 2010-11-13 14:49 编辑 ]

作者: wyysf 发布时间: 2010-11-13

好像还不行。。。

作者: yilubenpao 发布时间: 2010-11-13