本文转载于:猿2048网站css 两段对齐和超出部分...
.cont-detail ul li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; padding: 2px 4px; height: 30px; line-height: 30px; border-top: 1px solid #ccc; } .cont-detail ul li span { display: block; }
//超出部分...
span{
color: #666;
width: 160px;
white-space: nowrap;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
background-color: white;
padding-left: 6px;
}