一行文字超过div宽度的时如何让它不换行
建站知识 2021-07-03 08:15www.168986.cn长沙网站建设
当一行文字超过div宽度的时候，浏览器中默认是让它换行显示的，如果不想让他换行显示那要怎么办呢？
我想大家想到的办法就是用截断文字加“...”的做法。
现在我所说的方法则是采用CSS的方法实现
display:block;/内联对象需加/
width:100px;
word-break:keep-all; / 不换行 /
white-space:nowrap; / 不换行 /
overflow:hidden; / 内容超出宽度时隐藏超出部分的内容 /
text-overflow:ellipsis; / 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。/
我想大家想到的办法就是用截断文字加“...”的做法。
现在我所说的方法则是采用CSS的方法实现
复制代码
代码如下:display:block;/内联对象需加/
width:100px;
word-break:keep-all; / 不换行 /
white-space:nowrap; / 不换行 /
overflow:hidden; / 内容超出宽度时隐藏超出部分的内容 /
text-overflow:ellipsis; / 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。/
长沙网站设计
- 如何进行东阳SEO关键词优化？
- 边坝哪有关键词排名优化：提升你的网站流量与
- 安国百度优化服务：提升您的在线可见性
- 阜康新手做SEO怎么做
- 山西seo网站排名关键词优化：提升您网站曝光率
- 临沂seo网站排名关键词优化：提高你的网站可见
- 广西SEO网站推广怎样付费比较合理
- 双辽SEO网站推广：提升你的网站可见性与流量
- 辽宁企业网站优化购买方式有哪些
- 提升宝清百度SEO排名的实用技巧与策略
- 静宁百度SEO排名：提升您网站曝光率的关键策略
- 彭州百度SEO排名的提升策略和实施指南
- 广南百度关键词SEO：提升网站排名的关键策略
- 辽宁关键词优化怎么做论坛营销
- 吉林百度seo排名如何做到让用户满意
- 内黄百度优化服务：提升在线可见性的关键