本博只是记录一下自己学习过程中遇到的问题
css
给文本设个宽度
隐藏文字溢出部分
为溢出的文本加省略号
取消自动换行
具体html代码
<div class="content1_2B "> <div class="content1_2Bright "> <ul> <li> <a href="# ">AAAAAAAAAAAAAAAAAAA</a> <span class="date ">2017/06</span></li><br /> <li> <a href="# ">BBBBBBBBBBBBBBBBBBB</a> <span class="date ">2017/06</span></li><br /> <li> <a href="# ">CCCCCCCCCCCCCCCCCCC</a> <span class="date ">2017/06</span></li><br /> <li> <a href="# ">DDDDDDDDDDDDDDDDDDD</a> <span class="date ">2017/06</span></li><br /> <li> <a href="# ">EEEEEEEEEEEEEEEEEEE</a> <span class="date ">2017/07</span></li><br /> </ul> </div> </div>
具体css代码
.content1_2Bright a { float: left; width: 217px; overflow: hidden;/*隐藏文字溢出部分*/ text-overflow: ellipsis;/*为省略部分添加省略号*/ white-space: nowrap;/*取消自动换行*/ }