display和visility

display(显示)

内联元素不可以设置宽高,怎么办?可用来将行内元素转化为块元素?

通过display可以修改元素的类型可选择的值

inline:可以将元素作为内联元素显示.

block:可以将一个元素设置为块显示

inline-block:将一个元素转化为行内块,又有块的特点,即可以设置宽高,又不会独占一行

none:不显示元素并且元素不在页面中占有位置

使用display:none 的方法隐藏元素,不会在页面中显示,并且不占据页面的位置!

设置元素框的类型可选值

block inline inline-block none

table 作为表格显示 flex作为一个弹性容器显示 inline-flex 元素作为行内弹性容器显示

visibility(可见性)

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

可选值; visible 默认值,元素默认在页面中显示

hidden 元素会隐藏不显示

使用visinility:hidden 隐藏的元素虽然不会在页面中显示,但是他的位置依然会保存

display和visility相关推荐

汽车HUD（Head-up Display）的技术难点
汽车HUD(Head-up Display)的技术难点首先解析一下HUD是什么原理吧.其实就是把车的前挡风玻璃当成反射镜,在驾驶员人眼前投射一个仪表盘的虚像.图像本身来自下方的电子发光屏,发出仪表盘 ...
display:inline-block 的使用
display:inline-block 是行内块元素, 要明白这个首先需要明白块级元素与行级元素可以查看我的这篇博客博客地址可以知道块级元素是独立一行的行级元素有很多属性无法使用有时 ...
css中的display属性之li元素
li元素 li元素是一个块级元素,display值默认为 block 当我们把display值改为inline后,li元素以水平菜单的样式显示补充:display与 visibility属性不同, ...
html display 显示,CSS display显示
显示或隐藏我们可以通过使用visibility属性或display属性来显示或隐藏元素. 要隐藏元素,请将display属性设置为"none"或将visibility属性设置为& ...
xauth: (stdin):1: bad display name LSPPC-Lenny:1 in add command
启动vnc4server之后出现如下错误提示:LSPPC-Lenny:~# vnc4server xauth: (stdin):1: bad display name "LSPPC-Lenn ...
《Python和Pygame游戏开发指南》——2.16　pygame.display.update()函数
本节书摘来自异步社区<Python和Pygame游戏开发指南>一书中的第2章,第2.16节,作者[美]Al Sweigart(斯维加特), 李强译,更多章节内容可以访问云栖社区" ...
Android Display System --- Surface Flinger
SurfaceFlinger 是Android multimedia 的一个部分,在Android 的实现中它是一个service ,提供系统范围内的surface composer 功能,它能够将各 ...
quick-cocos2d-x游戏开发【3】——display.newSprite创建向导
游戏嘛.没有图片没有图片可以称为你的游戏,所以,我们看一下使用quick如何创建精灵的方式. quick的api精灵族的创造仍然是非常具体的解释.因此,建立非常easy. display.newSpr ...
display:inline-block的妙用！！列表布局！！
如下图:像这种列表布局我们一般用 float:left; 设置宽度和高度就OK了. 但是,如果高度不同或者文字字数不同呢,再用float:left;布局就全乱了.如下图: 现在,我们可以利用displ ...

display和visility

display(显示)

visibility(可见性)

display和visility相关推荐

最新文章

热门文章