CSS实现多行文字限制显示

最新推荐文章于 2024-03-25 13:54:01 发布

weixin_30686845

最新推荐文章于 2024-03-25 13:54:01 发布

阅读量606

点赞数

原文链接：http://www.cnblogs.com/agansj/p/8613762.html

版权

<!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>

   #test {
       width:200px;

    display: box;

    display: -webkit-box;

    box-orient: vertical;

    -webkit-box-orient: vertical;

    line-clamp: 2;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

   }

  </style>

 </head>

 <body>

  <p id="test">多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示多行文字限制显示</p>

 </body>

</html>

转载于:https://www.cnblogs.com/agansj/p/8613762.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30686845

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS实现多行文字限制显示

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1,...
复制链接

扫一扫