一行文字超过div宽度的时如何让它不换行

ttx9n · 发表于 2014-5-23 11:15:31

当一行文字超过div宽度的时候，浏览器中默认是让它换行显示的，如果不想让它换行显示那要怎么办，下面有个不错的方法，大家不妨尝试下当一行文字超过div宽度的时候，浏览器中默认是让它换行显示的，如果不想让他换行显示那要怎么办呢？

我想大家首先想到的办法就是用截断文字加“...”的做法。

现在我所说的方法则是采用CSS的方法实现：

复制代码代码如下:
display:block;/*内联对象需加*/
width:100px;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

4r8oiin60 · 发表于 2023-3-27 14:37:26

撒房产税陈飞飞

gc4hg · 发表于 2023-9-16 02:31:32

的谁vdvdsvdsvdsdsv

mkonji · 发表于 2023-12-5 01:13:50

还不错啊

do827261756 · 发表于 2024-3-25 14:28:10

数据库了多久撒快乐的健身卡啦

q42obh · 发表于 2024-4-29 15:05:05

先把创新班才能下班才能下班

mkonji · 发表于 2024-5-14 16:00:16

源码源码源码源码源码源码源码源码源码源码源码源码源码

a971560 · 发表于 2024-5-22 13:40:39

hi哦和烦恼农家女

jasonlong · 发表于 2024-7-8 12:03:28

hi哦和烦恼农家女

gyalp · 发表于 2024-8-6 12:57:46

还有什么好东西没

账号		自动登录	找回密码
密码			立即注册

[CSS] 一行文字超过div宽度的时如何让它不换行

相关帖子