【效果实现】在照片上显示一段文字，最多两行，多余部分用省略号表示

时间：2023-03-31 00:50:15 CSS

思路：如何在照片上显示文字？使用照片作为div的背景！效果图：html:我是很长的文字我是很长的文字我是一段很长text我是超长文字我是超长文字我是超长文字我是超长文字我是超长文字

我是很长的文字我是很长的文字我是很长的文字我是很长的文字我是很长的文字我是很长的文字我是很长的文字

css单行文字溢出显示省略号/*单行文字溢出隐藏*/.oneline{width:400px;/*没有换行符*/white-space:nowrap;/*溢出隐藏*/溢出：隐藏；/*溢出的文本用省略号显示*/text-overflow:ellipsis;}多行文字溢出显示省略号/*多行文字溢出隐藏*/.text{width:200px;/*使用元素作为一个灵活的盒子*/display:-webkit-box;/*设置文本对齐方式*/-webkit-box-orient:vertical;/*设置文本行限制*/-webkit-line-clamp:2;/*溢出部分被隐藏*/overflow:hidden;/*文本溢出部分显示省略号*/text-overflow:ellipsis;}输入溢出显示省略号/*输入溢出显示省略号*/input{/*输入只需要这一行，因为输入本身不会换行，会溢出隐藏*/text-overflow:ellipsis;}

上一篇：更完美的Ant-Design动态换肤方案

下一篇：26个CSS面试高频考点助金三银四

【效果实现】在照片上显示一段文字，最多两行，多余部分用省略号表示相关文章