Maison >interface Web >tutoriel HTML >关于li占位问题_html/css_WEB-ITnose
关于li占位问题_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:20:291618parcourir
CSS
现在我有多个div，代码类似- 206231991
- 的发生大法师打发
- 集团公司
- 2001-06-01
- 即将实施
css样式是.lsoftware-summary{float:left;padding:1px;width:960px;}
.lsoftware-summary li{float:left;line-height:26px;white-space:nowrap;overflow:hidden;font-size:14px;text-align:center;margin-left:1px;background:#E1F0FF;display:block;}
.lbianhao{width:120px;zoom:1;}
.lmingcheng{width:510px;zoom:1;}
.lbumen{width:160px;zoom:1;}
.lriqi{width:90px;zoom:1;}
.lzhuangtai{width:70px;zoom:1;}
.ztfontcolorg{color:#F00;}
.ztfontcolorx{color:#000;}
.ztfontcolorj{color:#090;}
.ztfontcolorz{color:#900;}
现在有个问题
回复讨论(解决方案)
通过JS判断Class=lbumen这个元素是否有值，如果没值就把该元素隐藏或者把上一级UL隐藏
<style type="text/css">.lsoftware-summary{float:left;padding:1px;width:960px;} .lsoftware-summary li{float:left;line-height:26px;white-space:nowrap;overflow:hidden;font-size:14px;text-align:center;margin-left:1px;background:#E1F0FF;display:block;} .lbianhao{width:120px;zoom:1;} .lmingcheng{width:510px;zoom:1;} .lbumen{width:160px;zoom:1;} .lriqi{width:90px;zoom:1;} .lzhuangtai{width:70px;zoom:1;} .ztfontcolorg{color:#F00;} .ztfontcolorx{color:#000;} .ztfontcolorj{color:#090;} .ztfontcolorz{color:#900;}</style><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script type="text/javascript"> $(function(){ if($("div ul li:eq(2)").text()==""){ $(this).hide(); } });</script><DIV class="lsoftware-summary ztfontcolorx" name="testD"> <UL class="clearfix"> <ul> <li class="lbianhao">206231991</li> </ul> <LI class="lmingcheng"> 的发生大法师打发</LI> <LI class="lbumen">集团公司</LI> <LI class="lriqi">2001-06-01</LI> <LI class="lzhuangtai">即将实施</LI> </UL> </DIV> 我的意思是要li强制占位，不是li没内容时进行隐藏，这个有什么好办法吗？
设置高度咯或用个空文本占位
谢谢，用了空白符号实现了，呵呵
<!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=gb2312" /><title></title><style>.lsoftware-summary{float:left;padding:1px;width:960px;}.lsoftware-summary li{float:left;line-height:26px;white-space:nowrap;overflow:hidden;font-size:14px;text-align:center;margin-left:1px;background:#E1F0FF;display:block;}.lbianhao{width:120px;zoom:1; float:left; display:inline; height:26px; line-height:26px;}.lmingcheng{width:510px;zoom:1;}.lbumen{width:160px;zoom:1;}.lriqi{width:90px;zoom:1;}.lzhuangtai{width:70px;zoom:1;}.ztfontcolorg{color:#F00;}.ztfontcolorx{color:#000;}.ztfontcolorj{color:#090;}.ztfontcolorz{color:#900;}</style></head><body><DIV class="lsoftware-summary ztfontcolorx" name="testD"><UL class="clearfix"> <ul> <li class="lbianhao"></li> </ul> <LI class="lmingcheng"> 的发生大法师打发</LI> <LI class="lbumen">集团公司</LI> <LI class="lriqi">2001-06-01</LI> <LI class="lzhuangtai">即将实施</LI></UL></DIV></body></html> Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：文章换行都没有间距了，怎么办？_html/css_WEB-ITnoseArticle suivant：怎么调整两个层在同一水平线上啊_html/css_WEB-ITnose