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

[CSS]在两行之外显示省略号

时间:2023-03-31 14:04:56 CSS

*{margin:0;填充:0;}.example{右边距:20px;字体大小:20px;/*line-height:1.5em;*/}.warp2{overflow:hidden;显示:-webkit-box;-webkit-box-orient:垂直;线夹:2;-ms-text-overflow:省略号;文本溢出:省略号;}如图,如果内容超过用户手机屏幕宽度下两行,则完整显示文字,否则不显示全文如图,如果内容超过用户手机屏幕宽度下两行,则显示全文,否则不显示全文如图,如果内容超过用户手机屏幕宽度下两行,则显示全文。否则不会显示全文,如图。如果内容超过用户手机屏幕宽度下两行,则显示全文。如果内容超过屏幕宽度下两行,则显示全文,否则不显示全文,如图,如果内容超过用户手机屏幕宽度下两行,显示全文,否则不显示全文,如图,如果全文显示在用户手机屏幕宽度之内Down如果内容超过两行,则显示全文。否则不会显示全文,如图。如果内容超过用户手机屏幕宽度下两行,则显示全文;否则,全文将不会如图所示显示。如果内容超过用户手机屏幕宽度下两行将显示全文,否则不会显示全文如图,如果内容超过用户手机屏幕宽度下两行screen,则显示全文,否则不显示全文如图,如果内容超过用户手机屏幕宽度下两行,则显示阅读全文,否则做不显示阅读的全文,否则不会显示全文如图,如果内容超过用户手机屏幕宽度下两行,则显示全文,否则不会显示全文如图所示,如果内容超过用户手机屏幕宽度下两行,则显示全文,否则不显示全文