猿问
下载APP

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

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超过的内容 用省略号... 表示

Zoe_z
浏览 213回答 3
3回答

橋本奈奈未

div设置以下样式overflow: hidden;      text-overflow: ellipsis;      white-space: nowrap;遇到不会的可以充分利用搜索引擎,比如搜索——css文本省略

迷之小沫沫

div{ overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }

橋本奈奈未

div的样式设置如下:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;还有多行省略的,具体的可以用搜索引擎搜索下“css文本省略”
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答