li标签内还能用什么标签?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:09:59
Original
2049 Leute haben es durchsucht

	<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>
Nach dem Login kopieren

因为$rows["lastip"]的内容不同,所以显示出来的长度就不同,看起来乱糟糟的。有什么方法能限定显示出来的$rows["lastip"]的长度吗?


回复讨论(解决方案)

IP:

对于标准浏览器可以这样:

   <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>
Nach dem Login kopieren

可惜很多低版本本浏览器不兼容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>
Nach dem Login kopieren

用span标签,它的width属性可以限定长度

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage