深圳市金黑网络技术有限公司始终坚持以用户需求为导向,提供安全、稳定、高效的产品和服务!
签到 · 搜索导航 · 服务热线 · 微信/手机:17817817816

深圳网站建设

查看: 1017|回复: 0

限制宽度,文本强制不换行,文本超出溢出省略号代替,溢出部分隐藏css样式代码教程

[复制链接]

UID
1
贡献
844
金币
1540
主题
520
在线时间
333 小时
注册时间
2022-1-15
最后登录
2024-11-12
QQ
发表于 2022-2-21 20:33:22 | 1017 | 0 | 显示全部楼层 |阅读模式
限制宽度,文本强制不换行,文本超出溢出省略号代替,溢出部分隐藏css样式代码教程
代码如下:
  1. width:230px;  /*限制宽度*/
  2. white-space: nowrap;  /*文本强制不换行*/
  3. text-overflow:ellipsis;  /*文本溢出显示省略号*/
  4. overflow:hidden;  /*溢出的部分隐藏*/
复制代码

楼主热帖

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

快速回复 返回顶部 返回列表