Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/63.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 更改高度时文本溢出省略号消失_Html_Css - Fatal编程技术网

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;”然后它就起作用了。