ul和li实现分两列(多列)布局显示详解编程语言

简单语句实现DIV+CSS分两列(多列)布局显示

<style type="text/css"> 
	.my ul { 
		width: 210px; 
	} 
	.my li { 
		width: 100px;   /*如果显示三列 则width改为70px*/ 
		float: left; 
		display: block; 
	} 
</style>

<div class="my"> 
	<ul> 
		<li>那些花儿</li> 
		<li>那些花儿</li> 
		<li>那些花儿</li> 
		<li>那些花儿</li> 
		<li>那些花儿</li> 
		<li>那些花儿</li> 
	</ul> 
</div>

转载请注明出处:blog.ytso.com/article/details/19756399

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/14538.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论