div css隐藏内容样式方法

一、使用css隐藏方法用到CSS样式单词及对应解释

1、使用display:none;来隐藏所有信息(无空白位占据)推荐,CSS display手册查看
2、使用overflow:hidden;来隐藏溢出的文字或图片 适用推荐,css overflow手册查看
3、使用overflow-y:hidden;和overflow-x:hidden控制滚动条的隐藏与否,css overflow-y手册查看,css手册查看overflow-x

1、css隐藏DIV及内容,完全隐藏内容与布局

解释:使用CSS单词display:none;完全隐藏文本及图片

.xht{   display:none;}

使用div 中css样式display:none;将使得div内的内容隐藏通过浏览器什么也看不见,并且隐藏的内容也不会占用空间,通常用于JS特效隐藏、隐藏统计代码显示图标。

原文地址:https://www.cnblogs.com/luoyishan/p/5889642.html

时间: 2024-11-06 07:15:14

div css隐藏内容样式方法的相关文章

css之隐藏内容的方法

css隐藏内容的方法有三种:即display:none.visibility:hidden.overflow:hidden. 1.display:none;的缺陷: 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略 屏幕阅读器(是为视觉上有障碍的人设计的读取屏幕内容的程序)会忽略被隐藏的文字. 2.visibility: hidden ;的缺陷: 隐藏的内容会占据他所应该占据物理空间. 3.overflow:hidden;一个比较合理的方法 .texthidden { display:block

CSS隐藏内容方法

在制作网页时,隐藏内容也是一种比较常用的手法,它的作用一般有:隐藏文本/图片.隐藏链接.隐藏超出范围的内容.隐藏弹出层.隐藏滚动条.清除错位和浮动等等. 使用CSS即可使以上提到的内容隐藏起来,几种隐藏内容的方法: 1.使用display:none来隐藏所有内容 display:none可以让网页中所有内容不显示,如代码.文字.链接.图片.div层,是推荐的内容隐藏方式. <div style="display:none;">我不占地儿,你看不见我:</div>

CSS技巧: CSS隐藏文字的方法(CSS text-indent: -9999px;)

建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑,要用logo图片来代替h1,这时需要隐藏h1内的这段文字,但又不能对搜索引擎不友好,否则就失去了定义h1标签的意义. 在CSS中如何以图代字,找了一下CSS隐藏文字的方法,有以下几条: 1.display:none; 这个大家普遍说法是,搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,不为隐藏的对象保留物理占位空间.GG也搜CSS文件?不过如果用这个方法,<h1>如何设计,也是难题. 2.visibility:hidden; 和disp

css隐藏元素的方法何区别

前言 用 CSS 隐藏页面元素有许多种方法.你可以将 opacity 设为 0.将 visibility 设为 hidden.将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域. 但是每个方法之前是存在着细微的不同,这些不同决定了在一个特定的场合下使用哪一个方法.下面我的这篇文章就给大家解说一下他们之间的区别吧,让大家能根据场合来选择适合的方式. Opacity 该属性的意思是检索或设置对象的不透明度当他的透明度为0的时候,视觉上它是消

CSS隐藏页面元素方法

一.css隐藏页面盒子 overflow:hidden;   隐藏盒子超出的部分,溢出隐藏 position:absolute; /left/top...-999px;  将位置设到不可见区域,隐藏盒子,而且占位置. opacity:0;  隐藏盒子   隐藏之后还占据原来的位置. visibility:hidden;   隐藏盒子    隐藏之后还占据原来的位置. display:none;        隐藏盒子    隐藏之后不占据原来的位置. display:block;       元

Photoshop图象切片保存为网页HTML(DIV+CSS布局)的方法

首先,制作图象切片(以一张图片为例子) 一.选择“切片”工具,在图像上拖动以分割图像(例如:一张图像切割2次就形成3个切片)切片后如下图 二.设置切片选项(如大小.目标链接.图片说明等等):选择“切片选择”工具,在要设置的图像切片上双击,在弹出的面板进行具体设置(如图): 三.储存切片为网页:文件——保存为WEB和设备所用格式一般选择gif图片格式,图片边缘的背景色设置为“无”,点击“储存”然后,保存类型“HTML和图像”.如果要保存为DIV+CSS布局,则设置“其它”此时会弹出进一步设置面板,

div+css浮动的解决方法

如何清楚浮动(一) 已知一个大的div容器,这个容器包含了两个子div容器,然后在这两个子div容器的后面再添加一个div(这个div表示清除浮动的div容器),清楚浮动的div容器设置css样式为clear:both,此时,大的div标签的内部(左右两边/*css5*/)浮动就清除了. 如果有一个大的div容器<div class="divcss5"> </div> ,这个大的div包含了一个子div容器<div class="clear&qu

屏幕居中(DIV/CSS) 的几种方法(转)

1.利用table特性,在width and height all set 100%的时候,可以把容器嵌套在td内形成绝对居中,此时的被嵌套容器可为绝对或者相对大小.(非标准)注意不能加声明! 如是在标准模式下要加样式body,html{height:100%;padding:0;margin:0;}<table width="100%" height="100%" border="0"align="center" ce

CSS隐藏元素的方法及区别

1.opacity opacity:0将元素本身及其子元素都置为不可见的,而元素本身依然占据它自己的位置并对网页的布局起作用,它会响应用户交互. 2.visibility visibility:hidden将元素本身及其子元素都置为不可见的,而元素本身依然占据它自己的位置并对网页的布局起作用,它不会响应用户交互.如果想让子元素显示,则设置子元素的visibility:visibility: 3.display display:none使用这个属性,被隐藏的元素对网页的布局不起作用.不仅如此,一旦