li プレースホルダーについて issue_html/css_WEB-ITnose-htmlチュートリアル-php.cn

li プレースホルダーについて issue_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:20:29

オリジナル

1624 人が閲覧しました

この投稿は liwan123 によって最終編集されました: 2013-04-10 18:44:27

CSS

現在、

& lt;/ul & gt; Lt; li class = "lmingcheng" & gt; 偉大な魔術師が派遣されました

グループ会社

2001-06 -01

CSS スタイルは .lsoftware-summary :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;}

Group Company

間のコンテンツが空の場合、問題が発生します。は直接表示されませんが、次のliが直接表示されます。この問題を解決する方法がわかりません。

ディスカッションに返信（解決策）

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にコンテンツがない場合、プレースホルダーは非表示にされません。これを行う良い方法はありますか?

高さを設定するか、空のテキストプレースホルダーを使用してください

ありがとう、空白記号を使ってそれを実現しました (笑)

<!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>

ログイン後にコピー