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

2024-09-07 06:44:23 209人阅读

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=http://www.mamicode.com/"#" class="auto-rest">alink</a>

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

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们