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视频教程】

阅读剩余部分

相关阅读 >>

html怎么加载css

css实现三角的原理

css应该怎么设置超链接样式

css怎么实现不透明度渐变

css伪类选择器介绍

怎样实现meta标签中的viewport来控制设备屏幕的css属性

css怎么定义div的宽度和高度

深入探究css box-decoration-break属性

css如何设置竖排文字

css hack是什么意思

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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