如何通过CSS实现网页内容

文章编号:1069 最新资讯 2024-12-27 CSS隐藏网页内容

我们在写前端页面时,隐藏内容可以说是比较常用的手法,它的作用一般有:隐藏文本/图片、隐藏链接、隐藏超出范围的内容、隐藏滚动条、隐藏弹出层、清除错位和浮动等。 今天我们分享下通过CSS实现网页内容/元素隐藏的几个方法。 CSS隐藏网页 一、CSS隐藏内容主要有3个情况1、隐藏所有内容无空白:display: none;2、隐藏溢出的文字或图片:overflow:hidden;3、隐藏内容但是仍然占据空间:visibility:hidden;二、几种有seo作弊嫌疑的方法1、display:none写法:

文字看不见

2、文本缩进负值写法:

文字看不见

3、文字大小为0写法:

文字看不见

4、width和height为0+防止溢出写法:

文字看不见

5、绝对定位负值方法写法:

文字看不见

6、绝对定位+margin负值方法写法:

文字看不见

三、其它让内容/元素隐藏的方法{ visibility: hidden; /* 占据空间,无法点击 */ }{ position: absolute; top: -999em; /* 不占据空间,无法点击 */ }{ position: relative; top: -999em; /* 占据空间,无法点击 */ }{ position: absolute; visibility: hidden; /* 不占据空间,无法点击 */ }{ height: 0; overflow: hidden; /* 不占据空间,无法点击 */ }{ opacity: 0; filter:Alpha(opacity=0); /* 占据空间,可以点击 */ }{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占据空间,可以点击 */ }最后讲下,display:none 虽然简便有效,但对搜索引擎不友好,且被屏幕阅读器所忽略。overflow:hidden 是比较合理的方法,推荐写法{ display:block; overflow: hidden; width: 0; height: 0; },将宽度和高度设定为0,然后超过部分隐藏,弥补内容会占据所在空间的缺陷,也达到了隐藏内容的目的。


本文地址: http://www.xiaojiuz.com/zuixinwz/0e8fc59e28ed8ad2abe2.html
海南正生堂健康产业集团有限公司

海南正生堂健康产业集团有限公司是一家专业从事健康产业开发的大型生物工程集团,旗下拥有1个高科技产业研发平台、2个大型高科技生产中心、2个标准化的…

深度网

深圳市深度网络有限公司是一家专注8年网络营销公司,为企业提供:品牌网站建设,营销型网站建设,高端网站设计,集团网站定制,全网运营托管等,一站式全网整合营销推广服务。热线:400-615-8050

深圳市伟泰兴电子有限公司

深圳市伟泰兴电子有限公司专业提供电动汽车高低压电线连接系统、高低频通信电缆连接系统及电源适配器电线连接系统的解决方案.伟泰兴为成为深圳电动汽车OBC、BMS电源传输及控制产品不断努力奋斗!联系方式:13715361943,刘先生.

网赢天下网

网赢天下网致力于打造中国最具行业影响力的数字营销智库,服务于整个数字营销产业链条的专属数字平台。为广告代理公司、数字营销/技术公司、数字媒体、品牌方等相关从业人员提供专业的公关传播、广告/产品展示、行业活动打造、数字营销培训等服务,为实现品牌-市场-用户的紧密互联提供强有力的智慧支持。

旅泊网

旅泊网,旅游网站中的后起之秀,是一个包含各种旅游景点大全、旅游景点排行、旅游攻略游记、游玩路线、景点美食、购物娱乐等全方位的综合旅游网站,以一个旅游者的视角和方式来畅游世界。让您在旅行中寻找最年轻的自己!

商丘网手机版

该站点未添加描述description...

北京博盛彦科技有限公司

停车场管理系统是通过计算机、网络设备、车道管理设备搭建的一套对停车场车辆出入、场内车流引导、收取停车费进行管理的网络系统是专业车场管理公司必备的工具

期货财经直播室

期货财经直播室一站式提供国际期货直播详细的介绍期货开户流程,期货开户条件,期货基础知识。正规期货的手续费用.包含黄金、白银、原油、白银、铜、天然气等期货的行情直播分析介绍。在线喊单,并且提供外汇直播间,黄金直播室在,期货开户,期货手续费,期货平台,期货怎么炒,期货怎么开户。

两院联培

中科院余秋雨是中国科学院大学重庆学院一名与重庆移通学院联合培养的卓越工程师,他主要研究前后端开发,以及服务器运维部署方向,是一名全栈工程师,在导师龚志岗的带领下,取得卓越的成就,开发出了一系列成功的项目

宁波物流公司

宁波培风物流专注宁波整车、零担公路运输托运服务,宁波货代、进出口货物海运、空运等服务业务,提供门到门提送货,货物全程保险,专人电话物流查询,物流运输价格合理便宜,咨询电话13738412680。

北京救护车租赁

医帮扶医疗服务有限公司13671372747专业于救护车配备,随车医生,氧气,呼吸机,心电监护仪,急救药品等.服务于全国各省市之间伤病员和病愈者及家属的往返接送,及其他需要救护车特需服务的各项业务;承接各种会议、比赛、影视拍摄等所需的救护车服务;承接跨各省市救护*、救护车送病人到机场和火车站等各个指定区域。

句子大全

段子句子大全网_是一个收集了大量优美句子的平台.我们致力于为用户提供各种优美,感人的句子,让文字的力量温暖人心,打动人心,您可以发现各种类型的句子,包括情感,友情,家庭,人生等方面.这些句子来自文学作品,名人演讲,以及普通人生活中的感悟与体会.