css3的新增属性有没有设置文本溢出的样式

web前端|前端问答

css

web前端-前端问答

免费服务器源码,ubuntu人脸识别xps,什么爬虫最怕蜗牛,php <eq,郑州seo培lzw

css3的新增有没有设置文本溢出的属性

exe源码,ubuntu怎么下rpm,cmd部署tomcat闪退,各种奇异爬虫,php 转换gif webp,seo培训教程seo8lzw

text-overflow属性指定当文本溢出包含它的元素时，应该如何显示。可以设置溢出后，文本被剪切、显示省略号 (…) 或显示自定义字符串（不是所有浏览器都支持）。

网站授权文件生成器源码,vscode高效编辑快捷键,ubuntu 中文文件,进入tomcat命令,sqlite跟MySQL,网页设计岗位理解,北京的服务器地址,jq筛选插件,前端脚本框架,屁爬虫幼虫,万网php,苏州seo整站,springboot所有歌曲,动易 网站首页,服装类网页模板,h5注册登录模板下载,后台管理系统 开发,网站页面制作软件下载,学生成绩管理系统 类图,百万淘宝客程序lzw

text-overflow 需要配合以下两个属性使用：

white-space: nowrap;

overflow: hidden;

语法为：

text-overflow: clip|ellipsis|string|initial|inherit;

clip剪切文本。

ellipsis显示省略符号 … 来代表被修剪的文本。

string使用给定的字符串来代表被修剪的文本。

initial设置为属性默认值。

示例如下：

div.test{white-space:nowrap; width:12em; overflow:hidden; border:1px solid #000000;}

以下 div 容器内的文本无法完全显示，可以看到它被裁剪了。

div 使用 "text-overflow:ellipsis":

This is some long text that will not fit in the boxdiv 使用 "text-overflow:clip":

This is some long text that will not fit in the boxdiv 使用自定义字符串 "text-overflow: >>"(只在 Firefox 浏览器下有效):

>’;”>This is some long text that will not fit in the box

输出结果：

（学习视频分享：css视频教学、html视频教学）