close

CSS / Div+Css 隱藏文字內容的幾種方法

 

1. display:none

  • CSS Code
  • display:block;font-size:0;line-height:0;text-indent:-9999px;

    • 2. text-indent:-9999px

  • CSS Code
  • text-indent:-9999px;white-space:nowrap;line-height:0;

    • 3. line-height:0

  • CSS Code
  • line-height:0;font-size:0;overflow:hidden;

    • 4. overflow:hidden

  • CSS Code
  • display:block;/*统一转化为块级元素*/overflow:hidden;width:300px;height:100px;padding:100px 0 0;background:url();

    • 5. positon:absolute

  • CSS Code
  • {display:block;/*统一转化为块级元素*/overflow:hidden;width:300px;height:100px;}
    .replacement a{padding:100px 0 0;background:url();}
    • arrow
    arrow
      全站熱搜
      創作者介紹
      創作者 jun431869 的頭像
      jun431869

      二流設計師的小筆記

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

      E-mail轉寄