div,li,span自适应宽度换行问题

时间:2021-11-29 23:07:02

<ul class="news">
    <li><span class="lbl">右对齐,换行显示的解决方法</span><span class="date">2010-8-26</span></li>
</ul>

.news li{
    position:relative;
    float:left;
    width:260px; //设定宽度
}
.news li span {
    display:inline-block;          
}
.news li span.lbl {          
    width: 80px;
    text-align: right;
}
.news li span.date {
    width: 180px;
    text-align: left;
    position:absolute;//绝对定位,靠右
    right:0;
}