zoukankan      html  css  js  c++  java
  • div,li,span自适应宽度换行问题

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


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

  • 相关阅读:
    React网络请求fetch之get请求
    英语学习
    人物传记
    四月
    启程
    情绪
    办公新址
    孩子大了
    幸福的生日
    hibernate---树状映射
  • 原文地址:https://www.cnblogs.com/wanfeng/p/3394288.html
Copyright © 2011-2022 走看看