码迷,mamicode.com
首页 > 其他好文 > 详细

两栏自适应布局--溢出省略

时间:2017-03-07 11:33:48      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:wrap   溢出   自适应   bsp   style   color   --   res   ref   

 

1. 内容撑开宽度的.auto-content: 可以是内联元素,也可以是块状元素

.auto-content {
    float: right;
    overflow: hidden;
}

 

2. 宽度是余下所有的.auto-rest: 必须将内联元素装换成块状元素

.auto-rest {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

 

HTML代码如下:


<span class="auto-content">span<span> <a href="#" class="auto-rest">alink</a>

 

两栏自适应布局--溢出省略

标签:wrap   溢出   自适应   bsp   style   color   --   res   ref   

原文地址:http://www.cnblogs.com/beileiluan/p/6513708.html

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