css可以使用visibility:hidden样式设置元素占位但不显示。visibility属性规定元素是否可见,即使不可见的元素也会占据页面上的空间。

CSS的visibility属性使元素占位,但不可见:

h1.visible {visibility:visible}

h1.invisible {visibility:hidden}

这是可见的标题

这是占位不可见的标题

这是可见的标题

效果如下:

定义和用法

visibility 属性规定元素是否可见。

提示:即使不可见的元素也会占据页面上的空间。请使用 "display" 属性来创建不占据页面空间的不可见元素。

说明

这个属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间,不过可以完全不可见。值 collapse 在表中用于从表布局中删除列或行。

可能的值visible 默认值。元素是可见的。

hidden 元素是不可见的。

collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。

inherit 规定应该从父元素继承 visibility 属性的值。

html不现实但占位置,css怎么占位但不显示?相关推荐

  1. html隐藏后还占位置,css隐藏不占位置的方法是什么?

    用 CSS 隐藏页面元素有许多种方法.你可以将 opacity 设为 0.将 visibility 设为 hidden.将 display 设为 none 或者将 position 设为 absolu ...

  2. html相对定位 不占位置,CSS position 相对定位和绝对定位

    一.position 的四个值:static.relative.absolute.fixed. 绝对定位:absolute 和 fixed 统称为绝对定位 相对定位:relative 默认值:stat ...

  3. js实现鼠标放在div 悬浮显示另一个div内容链接 (不占位置)

    js实现鼠标放在div 悬浮显示另一个div内容链接 (不占位置) 代码如下 不喜勿喷 简单记录前端小知识 <div><a id="div1" href=&quo ...

  4. pagefooter如何不占位置_小卫生间如何装修?照着小浴室装修效果图这样装

    现在房价在不断上涨,往往那些小户型的房子成为大多年轻人的首选.而小户型由于面积受到限制,装修也会比较麻烦,尤其是小户型的卫生间,那么小卫生间如何装修呢?下面随小编一起来学习下经验吧! 小卫生间如何装修 ...

  5. web前端培训:CSS中单行文本溢出显示省略号的方法

    CSS中单行文本溢出显示省略号的方法你知道吗?在web前端技术学习中,这个问题其实是属于老生常谈了,因为css单行文本的应用是非常频繁的,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没 ...

  6. css鼠标滑过图标显示_CSS和jQuery教程:苹果风格的花式图标滑出导航

    css鼠标滑过图标显示 View demo 查看演示Download Source 下载源 Today I want to show you, how to create an Apple-style ...

  7. CSS常用技巧(元素显示隐藏、用户界面样式、垂直对齐、溢出文字省略号显示、精灵技术、滑动门、margin负值之美和css三角之美)

    CSS常用技巧 CSS常用技巧(元素显示隐藏.用户界面样式.垂直对齐.溢出文字省略号显示.精灵技术.滑动门.margin负值之美和css三角之美) 1.元素显示隐藏 1.1display 显示(重点) ...

  8. css hover选择器 悬停时显示隐藏的内容

    css hover选择器 悬停时显示隐藏的内容 ul li a name{position: absolute;text-align: center;color:white;visibility: h ...

  9. 友情链接在html中怎么写,HTML+CSS入门 网站友情链接显示页面详解

    本篇教程介绍了HTML+CSS入门 网站友情链接显示页面详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 1.列表标签 有序列表:type默认是1,2,3--,rese ...

最新文章

  1. php普通索引和唯一索引,mysql下普通索引和唯一索引的效率对比
  2. 大作文十大必背范文:五星级真题
  3. 七招制胜ASP.NET应用程序开发
  4. 被利用达数百万次、瞄准 Linux 系统的 Top 15漏洞
  5. springMVC入门二
  6. java实现复数之间加减乘运算_用java实现复数的加减乘除运算(改进第1次)
  7. 自然语言处理 4.语义分析
  8. Python库全家福,基本都齐了
  9. JS搜索省份匹配出省份的所有城市
  10. 关于镇江市大数据服务体系的对策和建议研究
  11. CocoaPods使用小结
  12. 虚拟服务器会计科目,云服务器入什么会计科目
  13. 【copy】也说嵌入式系统架构设计(linux 平台)
  14. 软件测试工程师和技术支持工程师哪个更有钱途,以后会发展更好?
  15. 小乌龟提交本地的文件夹下多个项目
  16. 解析ArcGis的字段计算器(四)——日期字段计算
  17. 硅谷巨头千亿市值蒸发,科技泡沫要破?创业者该如何过冬?
  18. 使用html+css实现一个静态页面——我的家乡-杭州(7页) HTML+CSS+JavaScript 大学生家乡网页作品 老家网页设计作业模板 学生网页制作源代码下载
  19. 从零开始一起学习SLAM | 你好,点云
  20. ArcGIS Python工具箱中文乱码的解决办法

热门文章

  1. (附源码)springboot身体健康问诊信息系统 毕业设计181049
  2. C++编程小游戏---杀手
  3. pandas 行转列的两种方式
  4. proxmox VE GPU显卡穿透
  5. 【检索资讯】2022年控制理论与应用国际会议(ICOCAT 2022)已成功被EI检索
  6. CKEditor4.7之使用实现图片上传功能
  7. C++笔记 第十三课进阶面向对象(上)---狄泰学院
  8. NVIDIA 驱动程序升级/回退方法
  9. 多路温度采集计算机网络监测设计,多路温度信号测量与监测,数据采集 温度采集模块...
  10. 在一定范围内生成随机数