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 border-top-style属性怎么用

如何利用css画出一个三角形

css如何去掉超链接下的横线

css派生选择器怎么用

css单元格不换行显示怎么实现

css怎么放图片

css中什么是行高

css如何指定样式表使用的字符编码

css的优势是什么

css hover失效怎么办

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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