远方的海
远方的海,WordPress,免费
2014 Sep 20 22 : 46

css让ul li分两列、多列显示

您当前的位置: 首页 > 个人笔记 > 建站笔记 > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!

也是最近学到的一个挺实用的小技巧:一个最简单的思路,直接上代码:

<style type="text/css">   
    .mylist{ width:320px; height:74px; float:left;}    
    .mylist ul{ width:300px;}    
    .myli li{ width:150px; float:left; display:block;} //150px两行,100px三行,以此类推...    
</style>   
<div class="myli">   
    <ul>   
        <li>远方的海</li>   
        <li>远方的海</li>   
        <li>远方的海</li>   
        <li>远方的海</li>   
        <li>远方的海</li>   
        <li>远方的海</li>   
    </ul>   
</div>   

好文!分享给朋友,或者点个赞吧~

文章信息

分类:建站笔记

您可能也会喜欢

发表回复

Post Comment