如何通过CSS实现网页内容

分类：最新资讯 - 时间：2024-12-27 - 浏览：次

我们在写前端页面时，隐藏内容可以说是比较常用的手法，它的作用一般有：隐藏文本/图片、隐藏链接、隐藏超出范围的内容、隐藏滚动条、隐藏弹出层、清除错位和浮动等。今天我们分享下通过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，然后超过部分隐藏，弥补内容会占据所在空间的缺陷，也达到了隐藏内容的目的。

相关标签： CSS隐藏网页内容、

本文地址：https://997ks.cn/zuixinwz/0e8fc59e28ed8ad2abe2.html

相关内容

如何通过CSS实现网页内容

我们在写前端页面时，隐藏内容可以说是比较常用的手法，它的作用一般有，隐藏文本，图片、隐藏链接、隐藏超出范围的内容、隐藏滚动条、隐藏弹出层、清除错位和浮动等，今天我们分享下通过CSS实现网页内容，元素隐藏的几个方法，一、CSS隐藏内容主要有3个情况1、隐藏所有内容无空白，display，none，2、隐藏溢出的文字或图片，overflo...。

随机推荐

桥梁用钢绞线

天津隆恒钢绞线厂家：13102116777,公司提供生产销售各类钢绞线产品,主营:波纹管,矿用钢绞线,预应力钢绞线,矿用锚索,预应力锚具等,质量过硬,钢绞线价格美丽,欢迎新老客户来厂洽谈合作。

关于随州哪里开餐饮饭店餐厅发票餐馆酒楼餐厅费电子发票

随州开餐饮发票【18З-徽-19О2-電-24O1】随州开饭店餐厅发票,随州开餐馆酒楼餐厅费电子发票的常见步骤：1.选择合适的纳税人身份：餐饮发票可以由个人或企业开票+微【fp9558】，根据你的具体情况选择相应的纳税人身份。2.餐饮发票申请：联系随州税务机关，了解开具餐饮发票的申请流程、所需材料、填写表格等。通常需要提供餐饮场所的相关信息，包括名称、地址、纳税人识别号等。3.填写发票信息：根据税务部门的要求，填写餐饮发票上的相关信息，如购买方信息、商品或服务名称、金额等。4.缴纳税款：根据税法的规定，餐饮业需要缴纳相应的税款。具体的税款计算方式和缴纳规定会因地区而异，需要遵守当地税务机关的规定。5.发票审核和打印：提交开票申请后，税务机关会进行审核，并核准开票。一般情况下，餐饮发票由税务机关直接打印或使用电子发票形式Nzc67