css怎么设置文字1行

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

css设置文字1行的方法：首先设置“inline-block;”属性；然后通过“white-space: nowrap;”属性实现文字强制不换行；最后实现隐藏超出部分即可。

本教程操作环境：windows7系统、CSS3版、Dell G3电脑。

CSS 设置文字只显示一行，多余显示省略号

CSS 设置文字只显示一行

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

.view-text{

  /**

思路：

1.设置inline-block属相

2.强制不换行

3.固定高度

4.隐藏超出部分

5.显示“……”

  */

  display: inline-block;

  white-space: nowrap;

  width: 100%;

  overflow: hidden;

  text-overflow:ellipsis;

}

【推荐：css视频教程】

阅读剩余部分

相关阅读 >>

如何解决css float错位问题

css选择器有哪些

css中”:“和”::“有什么区别么

css怎么不选最后一个元素

css怎么实现平方

你会使用css锚点么

css如何修改字体

css height:auto 不起作用怎么办

css a不换行怎么设置

css如何获取第几个元素

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...