ホームページ > 記事 > ウェブフロントエンド > li タグ内で他にどのようなタグを使用できますか? _html/css_WEB-ITnose
li タグ内で他にどのようなタグを使用できますか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:09:592049ブラウズ
<ul> <li class="msgcont" id="msgcont<?php echo $rows["Id"] ?>"> <b>IP：</b><?php echo $rows["lastip"] ?> <b>位置：</b><?php echo $rows["address"] ?> </li> </ul>
$rows["lastip"] の内容が違うので、表示される長さが違って、見た目が汚くなっています。表示される $rows["lastip"] の長さを制限する方法はありますか?
ディスカッションに返信 (解決策)
0fdcc53ee06457e7271b8f1a1b0293aca4b561c25d9afb9ac8dc4d70affff419IP:0d36329ec37a2cc24d42c7229b69747a4c86e1c94b6058dee50a2fb2608e6f5054bdf357c58b8a65c66d7c19c8e4d114
標準ブラウザの場合は次のようになります:
<style type="text/css" >ul li span { display:inline-block; width: 140px;} </style> <ul><li> <b>IP：</b><span>1.1.1.1</span><b>位置：</b></li><li> <b>IP：</b><span>255.255.255.255</span><b>位置：</b></li> </ul> 残念ながら、多くの以前のバージョンのブラウザは inline-block と互換性がありません
回避策は次のようになります。
<style type="text/css" >ul li span { float:left; width:200px;} </style> <ul><li><span> <b>IP：</b>1.1.1.1</span><b>位置：</b>ss</li> <li> <span><b>IP：</b>255.255.255.255</span><b>位置：</b>ss</li> </ul> スパンラベルを使用して、その幅属性で長さを制限できます
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。