CSS / CSS 超過長度不顯示，以…呈現

 

  • before
    • 使用CSS超過長度不顯示，以…(省略號)代替文字限制 使用CSS超過長度不顯示，以…(省略號)代替文字限制 使用CSS超過長度不顯示，以…(省略號)代替文字限制
  • after
    • 使用CSS超過長度不顯示，以…(省略號)代替文字限制 使用CSS超過長度不顯示，以…(省略號)代替文字限制 使用CSS超過長度不顯示，以…(省略號)代替文字限制

    CSS Code

  • { width:30%;white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis; }
  • white-space: nowrap;
    \\使這段文字強制不斷行
    overflow:hidden;
    \\使超出div寬度的範圍後隱藏
    text-overflow:ellipsis;
    \\讓文字超出範圍後可以呈現.
    • 文章標籤
    全站熱搜
    創作者介紹
    創作者 jun431869 的頭像
    jun431869

    二流設計師的小筆記

    jun431869 發表在 痞客邦 留言(0) 人氣(1,002)