国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

將ul+li 分兩列顯示(橫向顯示)的方法

2024-07-11 08:28:50
字體：大 中 小
來源：轉載
供稿：網友
目的很簡單：有一個 ul>li 列表，默認為單列顯示，把它變為兩列顯示。
方法1，使用DIV+CSS代碼：

復制代碼
代碼如下:
<style type="text/css">
.mycode{ width:300px; height:74px; float:left;}
.mycode ul{ width:280px;}
.mycode li{ width:100px; float:left; display:block;}
</style>
<div>
<ul>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
</ul>
</div>

方法2，直接使用CSS控制

復制代碼
代碼如下:
<style type="text/css">
.list{width:400px;overflow:hidden;zoom:1;border:1px solid #ccc}
.list li{float:left;width:190px;padding:5px}
</style>
<ul class="list">
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
</ul>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 福鼎市| 涡阳县| 翁源县| 青川县| 扎兰屯市| 永定县| 丰宁| 盱眙县| 印江| 桐城市| 禹州市| 桑植县| 双桥区| 仲巴县| 定安县| 武义县| 栾城县| 策勒县| 宜章县| 宁远县| 都匀市| 南安市| 当雄县| 天水市| 小金县| 岚皋县| 门源| 沛县| 通州市| 大同市| 建平县| 余干县| 马公市| 吉林市| 阿图什市| 嘉义县| 长葛市| 河源市| 镇宁| 伊吾县| 登封市|