Rumah > hujung hadapan web > html tutorial > li标签内还能用什么标签?_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:09:59
asal
2091 orang telah melayarinya

	<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>
Salin selepas log masuk

因为$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>
Salin selepas log masuk

可惜很多低版本本浏览器不兼容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>
Salin selepas log masuk

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

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan