[議題]_關於那些被IE排擠的屬性

• CSS

  • 多行文本溢出顯示…

    • -webkit-line-clamp
    • 需搭配 -webkit-box-orient 使用
    • 目前支援line-clamp的，只有Chrome與Safari
    • Firefox與IE，需用高度來將超出的文字給隱藏起來

    p{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-height: 24px;
      height: 72px;
    }

    [Can I use] -webkit-line-clamp
    [Can I use] -webkit-box-orient
    [參考] 免寫程式！透過CSS3將多行文字自動省略，並出現… - 梅問題教學網 - 2017
    [參考] 多行文本溢出顯示…的方法 - ITREAD - 2017
    [參考] line-clamp - CSS-TRICKS - 2018
    [參考] [iT邦] line-clamp - futian_shen - 2020
    [參考] 想知道嗎：Text-overflow把行尾變成… - Medium - 2020

  • Flex

    • flex: 1;