欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

css+div式样时,如果div值为空,仍然占位。css大神来看看!

更新时间: 2014-01-05 00:53:19 责任编辑: Author_N1

 

CSS+DIV样式时,如果div值为空,仍然占位。CSS大神来看看!!
<html>
    <head>
        <title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<style>
.div_tab {
}
.div_tab .cell {
float: left;
margin-left: 5px;
word-break: break-all;
word-wrap: break-word;                                             
}
/* 五列 */
.div_tab .cell.w_03 {
width: 17%
}

.clear {zoom:1; clear:both;}
</style>
    </head>
    <body>

<hr />
<div class="div_tab">
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="clear" />
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="clear" />
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03">XXXXXX</div>
<div class="cell w_03"></div>
<div class="cell w_03"></div>

<div class="cell w_03">XXXXXX</div>
</div>
  
    </body>
</html>

红字部分值为空时,后面的会占据前面的空值得位置。
现在的要求就是空的值 空着 但是还是占据着位置  xxxxx
第三行的  第三四列为空 ,第五列 才显示 


--参考方法--
div给min-height:1px;
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:53:19
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1039/
本文WWW.DOC100.NET DOC100.NET版权所有。