当前位置: 首页 > Web前端 > CSS

多行文字溢出显示...最后一行未到行尾解决方法

时间:2023-03-30 13:57:46 CSS

多行文字溢出,但最后一行未到行尾,如下例代码解决示例html:元素的“格式第一行”可能存在于同一流的块级子元素上该元素的“格式第一行”可能存在于同一流的块级子元素。元素的“格式第一行”可能存在于同一流的块级子元素上元素的“格式第一行”可能存在于同一流的块级子元素上存在于同样的流程。元素的“格式化第一行”可能存在于同一流的块级子元素上元素的“格式化第一行”可能存在于同一流的块级子元素上元素的“格式化第一行”存在于同一流的块级子级上的元素可能存在于同一流的块级子级上。元素的“格式化第一行”可能存在于同一流的块级子元素上元素的“格式化第一行”可能存在于同一流的块级子元素上元素的“格式化第一行”存在于同一流的块级子元素上的元素可能存在于同一流的块级子元素上

...更多细节
css:*{margin:0;填充:0;}.model_content{填充:030px;位置:相对;溢出:隐藏;文本溢出:省略号;显示:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:垂直;}.model_text{字体大小:14px;颜色:#657180;文本对齐:对齐;行高:24px;}.model_detail{宽度:5em;位置:绝对;右:30px;底部:0;背景:#fff;字体大小:14px;etail{位置:绝对;右:0;颜色:#4876f1;左边距:5px;}效果:总结:把...放在后面,宽度以em(基于父元素font-size)为单位,相当于覆盖底层的文字内容来模拟这种效果。以em为单位的目的是为了防止被覆盖词的个数不是整数。还有其他方法可以使宽度成为整个单词的倍数吗?