zoukankan      html  css  js  c++  java
  • 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, 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 {
           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>

  • 相关阅读:
    F. Maximum White Subtree 树形dp*换根
    D
    E
    两圆相交板子
    lucass定理
    高精度求组合数
    康托展开与康托逆展开
    FFT变换
    Codeforces Round #625 Div. 1 Problem C
    E.Multiply Pollard_rho质因数分解
  • 原文地址:https://www.cnblogs.com/agansj/p/8613762.html
Copyright © 2011-2022 走看看