开发者社区> 问答> 正文

li不自动换行

*{padding: 0;margin: 0;}
.one{
    width: 300px;
    height: 300px;
    border: 1px solid #ccc;
}

.one ul {
    height: auto;
}
.one ul li{
    list-style: none;
    display: block;
}



<div class="one">
        <ul>
            <li>服务名称:XXX</li>
            <li>服务价格:XXX</li>
            <li>服务时长:XXX</li>
            <li>服务简介:XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</li>
            <li>摘要:XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</li>
        </ul>
     </div>

展开
收起
a123456678 2016-05-27 16:59:12 1810 0
2 条回答
写回答
取消 提交回答
  • 你可以加一个
    标签

    2019-07-17 19:18:18
    赞同 展开评论 打赏
  • <style>
    *{padding: 0;margin: 0;}
    .one{
        width: 300px;
        height: 300px;
        border: 1px solid #ccc;
    }
    
    .one ul {
        height: auto;
    }
    .one ul li{
        list-style: none;
        display: block;
        word-wrap: break-word;
        word-break: normal; 
    }
    </style>
    
    
    
    
    <div class="one">
        <ul>
            <li>服务名称:XXX</li>
            <li>服务价格:XXX</li>
            <li>服务时长:XXX</li>
            <li>服务简介:撒大家阿克苏大家卡拉三季度卡拉三季度了卡萨帝景拉撒大家啊是了的据拉升阶段拉萨的</li>
            <li>摘要:撒大家阿克苏大家卡拉三季度卡拉三季度了卡萨帝景拉撒大家啊是了的据拉升阶段拉萨的</li>
        </ul>
    </div>
    
    
    2019-07-17 19:18:18
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载