Question

css处理文字过长时显示为多余部分省略

代码如下：
.contentBox1 ul li{
float:left;
height:auto;
width:250px;
text-decoration:none;
}
.contentBox1 ul li a{
float:left;
height:20px;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#000;
}
.contentBox1 ul li span{
float:right;
font-family:"微软雅黑";
font-size:14px;
font-weight:bold;
color:#03C;
}
但是我得到的情况是这样的。应该怎么改正？就是把li的.放到最前面，而a标签的文字在中间。
.contentBox1{
width:250px;
height:174px;
margin:0px;
padding:0px;
}

Answer 1

我试了一下，是正常显示的

<div class="contentBox1">

 <ul>

    <li><a >1231111111111111111111111111111</a> <span>20141223</span></li>

 </ul>

</div>