Html 更改高度时文本溢出省略号消失
我需要获得省略号来处理段落,但是当我从Html 更改高度时文本溢出省略号消失,html,css,Html,Css,我需要获得省略号来处理段落,但是当我从height:2.5em更改高度时至高度:1.25em,省略号消失 .a{ 字体大小:13px; 显示:块; 宽度:100%; 高度:2.5em; 显示:-网络工具包盒; -webkit线夹:2个; -网络工具包盒方向:垂直; 溢出y:隐藏; 文本溢出:省略号; 空白:正常; 边缘底部:10px; } .b{ 高度:1.25em!重要; } 这是一个很酷的文本文档,它有多行信息显示在文档管理器中。请写下连体双胞胎以及巴塞罗那足球队。提到和研究这两个主题的
height:2.5em更改高度时代码>至<代码>高度:1.25em代码>,省略号消失
.a{
字体大小:13px;
显示:块;
宽度:100%;
高度:2.5em;
显示:-网络工具包盒;
-webkit线夹:2个;
-网络工具包盒方向:垂直;
溢出y:隐藏;
文本溢出:省略号;
空白:正常;
边缘底部:10px;
}
.b{
高度:1.25em!重要;
}
这是一个很酷的文本文档,它有多行信息显示在文档管理器中。请写下连体双胞胎以及巴塞罗那足球队。提到和研究这两个主题的重叠越多,你演讲的可能性就越高。而且,它应该是严格的QDAS格式,只有一个乔治·W·布什
这是一个很酷的文本文档,它有多行信息显示在文档管理器中。请写下连体双胞胎以及巴塞罗那足球队。提到和研究这两个主题的重叠越多,你演讲的可能性就越高。而且,它应该是严格的QDAS格式,只有一个乔治·W·布什
通过降低高度,可以减少可显示的行数。因此,您必须减小-webkit line clamp
值,以匹配最大行数。在这种情况下,它是1:
.a{
字体大小:13px;
显示:块;
宽度:100%;
高度:1.25em;
显示:-网络工具包盒;
-webkit线夹:1个;
-网络工具包盒方向:垂直;
溢出y:隐藏;
文本溢出:省略号;
空白:正常;
边缘底部:10px;
}
这是一个很酷的文本文档,它有多行信息显示在文档管理器中。请写下连体双胞胎以及巴塞罗那足球队。提到和研究这两个主题的重叠越多,你演讲的可能性就越高。而且,它应该是严格的QDAS格式,只有一个乔治·W·布什
问题是您将-webkit线夹设置为2。您需要将其更改为1
请记住,此方法非常脆弱,如果在锚点中添加填充,则会中断,并且可能很难在不同的视口中维护
有几个重要的事情你应该考虑在这里。
首先,可以设置线条高度。然后,您需要将每个线夹乘以线高度,并将该值设置为“最大高度”
例如:
最大高度=(线高度)(-webkit线夹)
最大高度=(13px)(2)
最大高度=26px
.a{
字体大小:13px;
线高:13px;
最大高度:13px;
显示:块;
宽度:100%;
显示:-网络工具包盒;
-webkit线夹:1个;
-网络工具包盒方向:垂直;
溢出y:隐藏;
文本溢出:省略号;
空白:正常;
边缘底部:10px;
}
这是一个很酷的文本文档,它有多行信息显示在文档管理器中。请写下连体双胞胎以及巴塞罗那足球队。这两个主题之间的重叠越多
经过研究,你的演讲获得成功的可能性越高。而且,它应该是严格的QDAS格式,只有一个乔治·W·布什
您可能需要更改“-webkit线夹:1;”然后它就起作用了。