为了账号安全,请及时绑定邮箱和手机立即绑定

div里面多个span,让超过一行的span不显示

/ 猿问

div里面多个span,让超过一行的span不显示

Zoe_z 2019-09-17 09:58:51

div里面多个span,让超过一行的span不显示

简单代码如下:

<div>

<span>1辣辣辣</span><span>2辣辣辣</span><span>3辣辣辣</span><span>4辣辣辣</span>

<span>1辣辣辣</span><span>2辣辣辣</span><span>3辣辣辣</span><span>4辣辣辣</span>

</div>

如何实现 div 只有一行显示,并且span超过的内容 用省略号... 表示

查看完整描述

3 回答

?
橋本奈奈未

div设置以下样式

overflow: hidden;

      text-overflow: ellipsis;

      white-space: nowrap;

遇到不会的可以充分利用搜索引擎,比如搜索——css文本省略

查看完整回答
反对 回复 2019-09-17
?
迷之小沫沫
div{
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}


查看完整回答
反对 回复 2019-09-17
?
橋本奈奈未

div的样式设置如下:

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

还有多行省略的,具体的可以用搜索引擎搜索下“css文本省略”

查看完整回答
反对 回复 2019-09-17

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信