.view-text{ /** a.设置inline-block 属性 b.强制不换行 c.固定宽度 d.隐藏超出部分 e.显示“……” */ display: inline-block; white-space: nowrap; width: 100 ...

overflow:hidden; white-space:nowrap; /*不允许换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/ 　　 ...

在我们设置样式的时候，不可避免的涉及到内容只出现一行或只出现自己想要的行数。 1.首先说一行的问题。 <div class="outer"> 如果内容超出，还会看到现在的内容吗？哒哒哒哒哒 </div> ...

text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ...

1.例如 p元素，里面的文字不换行显示，超出部分不隐藏 p{ width:100px; word-break:keep-all; white-space:nowrap; } 2.例如 p元素，里面的文字不换行，超出部分用省略号代替 p ...

1、如果是只需要显示一行+省略号，那么就容易啦 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 2、如果是需要显示2行或者更多+省略号 { overflow:hidden ...

css文字超出一行就显示省略号 1，css超出一行用点表示 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 2，css超出二行用点表示 overflow ...

1，css超出一行用点表示 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 2，css超出二行用点表示 overflow:hidden; text-overflow:ellipsis; display ...