码迷,mamicode.com
首页 > Web开发 > 详细

css 两段对齐和超出部分...

时间:2018-01-30 12:11:00      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:log   box   top   style   inline   flexbox   over   color   wrap   

    .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;
}

  

css 两段对齐和超出部分...

标签:log   box   top   style   inline   flexbox   over   color   wrap   

原文地址:https://www.cnblogs.com/Byme/p/8383612.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!