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

阅读剩余部分

相关阅读 >>

div css怎么实现显示隐藏

移动端页面头部固定定位的绝对定位实现（代码示例）

css中怎么设置table边框的颜色

background-image属性怎么用

图片 css div居中代码怎么写

css word-wrap属性怎么用

html中图片显示方式-----img与background的区别

css如何实现背景透明，文字不透明？

css如何让边框透明

css如何设置背景图片灰度

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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