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();}
  • 全站熱搜

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