css 实现一行展示,超出生省略号显示 <div class="tag"><span>满五年</span><span>近公园</span><span>业主自荐</span><span>满五年</span><span>近公园</span></div>
时间: 2023-07-09 07:26:23 浏览: 107
可以使用以下 CSS 样式来实现:
```
.tag {
white-space: nowrap; /* 让文字不换行 */
overflow: hidden; /* 隐藏超出部分 */
text-overflow: ellipsis; /* 显示省略号 */
}
.tag span {
display: inline-block; /* 让每个 span 元素在同一行内显示 */
padding: 0 5px; /* 添加一些间距 */
}
```
这样就可以让 `.tag` 元素内的多个 `span` 元素在一行内展示,超出部分会被隐藏并显示省略号。
阅读全文