<!--
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 19.0px Consolas; color: #2b9edb}
p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 19.0px Consolas; color: #d76019}
p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 19.0px Consolas; color: #2eafa9}
p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 19.0px Consolas; color: #596972}
p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; font: 19.0px Consolas; color: #060606}
p.p6 {margin: 0.0px 0.0px 0.0px 0.0px; font: 19.0px Consolas; color: #ff7900}
p.p7 {margin: 0.0px 0.0px 0.0px 0.0px; font: 19.0px Consolas; color: #3c7400}
span.s1 {color: #596972}
span.s2 {color: #2b9edb}
span.s3 {color: #2eafa9}
span.s4 {color: #d76019}
span.s5 {color: #000000}
span.s6 {color: #060606}
span.s7 {color: #929151}
span.s8 {color: #3c7400}
span.s9 {color: #ff7900}
span.s10 {color: #ad5cff}
span.Apple-tab-span {white-space:pre}
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title>css实现多行文字限制显示</title>
<style>
/*
编译的时候，默认会过滤-webkit-box-orient: vertical;导致多行文本省略显示不生效
解决方案：关闭autoprefixer然后再开启并注释掉
*/
#test {
display: box;
display: -webkit-box;
box-orient: vertical;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<p id="test">多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示</p>
</body>
</html>
![2022-11-08：以下go语言代码输出什么？A：2；B：编译错误；C：运行 panic。 package main import “fmt“ func main() { a := []int](https://www.kunjuke.com/file/css/thumb/6.jpg/280-180.jpg)
![2022-10-14：以下go语言代码输出什么？A：0；B：7；C：9；D：不能编译。 package main import “fmt“ func main() { a := []int](https://www.kunjuke.com/file/css/thumb/10.jpg/280-180.jpg)
