当前位置:-go»- 网站首页 / 軟件应用區 / 正文

如何通过css样式控制文本字数的输出

9个月前 (10-19) / 67 次围观 / 0 次吐槽


知识点:

        CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

        CSS(层叠样式表) :层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 


       CSS 控制输出字数的方法:首先创建一个HTML示例文件;然后定义一些文本;最后通过css样式“overflow:hidden;”和“text-overflow:ellipsis;”等来实现文本溢出显示省略号效果即可。对于文本内容,字数限制问题有两种常见的方法,最常见的是后台程序输出的时候限制输出字数,另一种则是前端使用css控制文本溢出。推荐使用程序限制字数输出。对于内容padding或者元素溢出,这属于css不规范和兼容范畴。

        下面列举一下文本溢出出现省略号的css写法:

        本操作环境:windows10系统、HTML5&&CSS3版本


{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;     /*这里的"4"是显示的行数,你可以控制在第 几行末尾多余的显示省略号,之前的文本则正常显示。*/
}


更新: 2023-10-19

相關 软件应用

本筆記站部分文章、圖片收集於 互聯網,作者:僅作自學筆記;請勿轉載用於 非法途逕 , 轉載注明 _ 我欣飞祥
Url : 【 https://uuucd.cn/software/1944.html
额~ 本文暂时没人评论 来添加一个吧 …

发表评论

必填

选填

选填

必填

◎请提交您的留言_感谢您的参与讨论!!

ipcooc2@gmail.com