位置: IT常识 - 正文
推荐整理分享css 隐藏元素(css隐藏元素的方式),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:css隐藏元素的方式,css 隐藏元素的方法,css隐藏元素的三种方法,css隐藏元素不占空间,css隐藏元素的几种方法,css隐藏元素的几种方法,css隐藏元素的方式,css 隐藏元素的方法,内容如对您有帮助,希望把文章链接给更多的朋友!
display , visibility 仅会改变元素显示,不会改变元素种类。可以配合 js 使用使元素可以动态的显示隐藏。
可以使用 display 或 visibility 实现html元素的隐藏功能,但是这两种方式有不一样的地方。display 中的 none 值隐藏,元素后不会在占据页面空间,但是 visibility 的 hidden 值隐藏,元素是看不见了不过会占据页面空间。
display 说明
值说明none隐藏。block使元素占据一行的全部空间 。inline使元素仅占据所需的宽度(作用元素中不能有块元素)。注意 : 使用 inline 时元素不能有块元素不然样式不生效。
<!DOCTYPE html><html><head><style>li,div { display: inline;}</style></head><body><p>把链接列表显示为水平导航栏:</p><ul> <li><a target="_blank">HTML</a></li> <li><a target="_blank">CSS</a></li> <li><a target="_blank">JavaScript</a></li></ul> <div>1</div> <div>1</div> <div><h1>2</h1></div> <div><h1>2</h1></div> p 标签内容被隐藏了 <div><p>123<p></div></body></html>visibility 说明 用法和 display 差不多。
值说明visible默认值显示。hidden元素不可见,但还占据页面上的空间collapse当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。inherit规定应该从父元素继承 visibility 属性的值。上一篇:dedecms织梦采集相同标题文章跳过采集方法(织梦下载站源码带采集)
下一篇:织梦删除服务器中多余的没有被调用的图片(织梦安装完要删除哪个文件)
友情链接: 武汉网站建设