博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端学习 -- Css -- display和Visibility
阅读量:6433 次
发布时间:2019-06-23

本文共 549 字,大约阅读时间需要 1 分钟。

 

display

将一个内联元素变成块元素,通过display样式可以修改元素的类型。

可选值:
 1 inline:可以将一个元素作为内联元素显示。
 2 block: 可以将一个元素设置块元素显示。
 3 inline-block:将一个元素转换为行内块元素。
 - 可以使一个元素既有行内元素的特点又有块元素的特点,既可以设置宽高,又不会独占一行。
 4 none: 不显示元素,并且元素不会在页面中继续占有位置。

visibility

可以用来设置元素的隐藏和显示的状态

可选值:
1 visible 默认值,元素默认会在页面显示
2 hidden 元素会隐藏不显示
使用 visibility:hidden;隐藏的元素虽然不会在页面中显示,但是它的位置会依然保持。

            
我是soyoungboy 超级帅小伙

效果:

代码:

https://github.com/soyoungboy/htmlCssStudy/blob/master/HelloHBuilder/lesson17.html

可运行下看看效果。

 

转载地址:http://xnaga.baihongyu.com/

你可能感兴趣的文章
asp.net编译 懒人脚本
查看>>
二分答案经典入门题:)
查看>>
为什么你需要将代码迁移到ASP.NET Core 2.0?
查看>>
Servlet的多线程和线程安全
查看>>
存储树形的数据表转为Json
查看>>
CAN 总线通信控制芯片SJA1000 的读写
查看>>
oauth授权协议的原理
查看>>
OutputCache说明
查看>>
sdl2.0示例
查看>>
数学 --- 高斯消元 POJ 1830
查看>>
Ejabberd源码解析前奏--集群
查看>>
[ZHUAN]Flask学习记录之Flask-SQLAlchemy
查看>>
【转】Install SmartGit via PPA in Ubuntu 13.10/13.04/12.04/Linux Mint
查看>>
PNG怎么转换成32位的BMP保持透明
查看>>
经验分享:CSS浮动(float,clear)通俗讲解
查看>>
WTL中最简单的实现窗口拖动的方法(转)
查看>>
数据结构—队列
查看>>
BZOJ4241 : 历史研究
查看>>
(LeetCode)两个队列来实现一个栈
查看>>
jquery封装常用方法
查看>>