当前位置: 首页 > news >正文

css总结(记录一下...)

文字

语法说明
word-wrapword-wrap:normal| break-word

normal:使用浏览器默认的换行

break-word:允许在单词内换行

text-overflow

clip:修剪文本

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

text-shadow可向文本应用的阴影。能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色
text-decoration

text-fill-color:设置文字内部填充颜色

text-stroke-color:设置文字边界填充颜色

text-stroke-width:设置文字边界宽度

文本溢出

单行文本溢出

//单行文本溢出
overflow:hidden;  //溢出隐藏
text-overflow:ellipsis; // 溢出用省略号显示
white-space:nowrap;  //不进行换行

多行文本溢出

overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3; // 显示的行数


http://www.mrgr.cn/news/24264.html

相关文章:

  • Pycharm 输入三个引号没有自动生成函数(方法)注释
  • 小白也能懂的ComfyUI使用教程和问题解决【AIStarter】
  • 【C++】创建静态数组,动态数组,vector数组
  • yarn install error Error: certificate has expired SSL证书过期
  • 汽车以太网100BASE-T1 和 1000BASE-T1特性
  • uniapp小程序,使用腾讯地图获取定位
  • PPT幻灯片的添加与编辑:全面技术指南
  • 【React源码解析】深入理解react时间切片和fiber架构
  • AI绘画:SD打光神器!(Stable Diffusion进阶篇:Imposing Consistent Light)
  • RGA模块的讲解
  • 半导体设备系列(2) 半导体设备与工厂控制仿真器Demo编写
  • 【开发】git相关
  • 秒懂:进程上下文切换
  • Oracle数据恢复—Oracle数据库误删除表数据如何恢复数据?
  • 网络操作系统项目
  • LEAN 类型系统属性 之 定义上相等的非确定性(Undecidability of Definitional Equality)注解
  • 蓝牙核心规范解析
  • chapter14-集合——(List)——day18
  • xLSTM模型学习笔记
  • 在 Android 中,事件的分发机制