Div+CSS 一行三列和一行多列布局方法:
<style type="text/css"> .myDiv{ width:300px; border:1px solid #000;border-right:0; height:30px} .myDiv ul{ width:300px; list-style:none; margin:0; padding:0;height:30px} .myDiv ul li{ width:100px; float:left; border-right:1px solid #000; height:30px} .myDiv1{ width:300px; border:1px solid #000;border-bottom:0; height:90px} .myDiv1 ul{ width:300px; list-style:none; margin:0; padding:0; height:90px} .myDiv1 ul li{ width:300px; float:left; border-bottom:1px solid #000; height:30px} </style>
一行三列 <div class="myDiv"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div>
一列多行 <div class="myDiv1"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div>
|