zoukankan      html  css  js  c++  java
  • css之隐藏内容的方法

      css隐藏内容的方法有三种:即display:none、visibility:hidden、overflow:hidden。

      1.display:none;的缺陷:

      搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略

      屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字。

      

      2.visibility: hidden ;的缺陷:

      隐藏的内容会占据他所应该占据物理空间。

      3.overflow:hidden;一个比较合理的方法

      .texthidden { display:block; overflow: hidden; 0; height: 0; }

      将宽度和高度设定为0,然后超过部分隐藏,就会弥补上述1、2方法中的缺陷,也达到了隐藏内容的目的。

  • 相关阅读:
    对象的实例化内存布局与访问定位
    方法区

    虚拟机栈
    运行时数据区
    类加载子系统
    JVM和Java体系架构
    JUnit概述
    HTML5CSS3_day03
    HTML5CSS3_day01
  • 原文地址:https://www.cnblogs.com/jf-67/p/6412956.html
Copyright © 2011-2022 走看看