ul li 竖行显示

样式:

.content{position: absolute;top:60px;}
.title {text-align: center;font-size:16px;}
.title span{line-height:25px;}
.dir{font-size:14px;padding-left:15px;}
.nav ul{font-size: 14px;font-weight: bold;margin:0px;list-style:none;}
.nav ul li{padding-left:10px;line-height: 24px;}
.nav ul li a{display: inline-block;width:300px;}

html代码:

<nav class="nav">
            <ul>
                <li>
                    <a>第一条  定义</a>
                    <a>第二条  产品概况</a>
                    <a>第三条  产品募集</a>
                    <a>第四条  产品认购和申购</a>
                    <a>第五条  产品赎回</a>
                    <a>第六条  巨额赎回</a>
                    <a>第七条  养老保障管理基金的保管与处分</a>
                    <a>第八条  账户管理</a>
                    <a>第九条  投资管理</a>
                    <a>第十条  会计</a>
                    <a>第十一条  估值</a>
                    <a>第十二条  养老保障管理基金承担的费用</a>
                    <a>第十三条  委托人的权利和义务</a>
                    <a>第十四条  管理人职责</a>
                    <a>第十五条  托管人职责</a>
                    <a>第十六条  信息披露</a>
                    <a>第十七条  审计</a>
                    <a>第十八条  保密条款</a>
                    <a>第十九条  本合同终止</a>
                    <a>第二十条  本产品终止</a>
                    <a>第二十一条  违约责任</a>
                    <a>第二十二条  争议解决与法律适用</a>
                    <a>附件一:</a>
                    <a>附件二:委托人风险揭示书</a>
                    <a>附件三:委托人声明</a>
                </li>
            </ul>
        </nav>

 

  

posted @ 2015-09-18 15:11  黄海涛-前端开发  阅读(1726)  评论(0)    收藏  举报