CSS3 文本Overflow属性的使用方法

 时间:2024-11-04 15:14:05

1、将新建的txt文档改名为overflow.html文件。

CSS3 文本Overflow属性的使用方法

2、完善html5标准代码,具体代码如下图。

CSS3 文本Overflow属性的使用方法

3、新建一个div标签,里面写入一段字符单词文本。

CSS3 文本Overflow属性的使用方法

4、用css设置div的宽度以及overflow属性。

CSS3 文本Overflow属性的使用方法

5、打开浏览器查看页面效果,可以发现,超出部分的文本不显示,但是这样看起也不是很美观。

CSS3 文本Overflow属性的使用方法

6、使用“text-overflow:ellipsis”属性将超出部分用"..."挢旗扦渌;号替代。

CSS3 文本Overflow属性的使用方法

7、刷新页面后看下效果,如下图。

CSS3 文本Overflow属性的使用方法
  • Android控件最常见的属性
  • C#基本语句类和接口一
  • jQuery:当输入域失去焦点 (blur) 时改变其颜色
  • JAVA项目环境配置 -- netbeans安装篇
  • 如何使用JavaScript中的属性禁止对象中属性修改
  • 热门搜索
    兰州旅游网 松原旅游景点大全 杭州到云南旅游 博罗旅游景点大全 海南旅游局官网 宁夏旅游局 小蝌蚪旅游俱乐部 崇州鸡冠山旅游攻略 云南旅游攻略自驾游 银川沙坡头旅游攻略