CSS小技巧

1.文字超過兩行,隱藏并顯示省略號

? ?overflow:hidden;

? ?text-overflow:ellipsis;

? ?display:-webkit-box; //將對象作為彈性伸縮盒子模型顯示。

? ?-webkit-box-orient:vertical; //從上到下垂直排列子元素(設置伸縮盒子的子元素排列方式)

? ?-webkit-line-clamp:2; //這個屬性不是css的規(guī)范屬性,需要組合上面兩個屬性,表示顯示的行數(shù)。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,168評論 1 92
  • 1,min-width: 1263px;/*消除自適應影響,設最小固定寬度,出現(xiàn)滾動*/ max-width:...
    南柯一夢_84e5閱讀 331評論 0 2
  • .清除圖片下方出現(xiàn)幾像素的空白間隙方法1: 復制代碼代碼如下:img{display:block;}方法2: 復制...
    一直以來都很好閱讀 307評論 0 0
  • H5移動端知識點總結 閱讀目錄 移動開發(fā)基本知識點 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇閱讀 4,833評論 0 26
  • 移動開發(fā)基本知識點 一.使用rem作為單位 html { font-size: 100px; } @media(m...
    橫沖直撞666閱讀 3,734評論 0 6

友情鏈接更多精彩內(nèi)容