常用的display的属性

1. display:inline（默认值）
将设置该元素的标签以内联元素即像普通文本一样插入文档流，不会自动换行或者设置宽度跟高度；

其中设置该元素的标签的宽度跟高度以放入的该标签的元素的宽高为准，不允许修改。
2. display:none
将该元素隐藏，不会再文档流中出现，所谓的文档流也就是文档中可显示对象在排列时所占用的位置
3. display:inline-block
将绑定该元素的标签以inline内联样式插入到文档流中,然后它本身拥有block块的属性，可以设置宽度跟高度，通俗的说也就是，把我们要放的东西先以不换行的形式放到一个块中，然后再将这个块保存到我们的页面中
4. display:block
将绑定该属性的标签以块的形式插入到文档流中，即会自动设置宽跟高并，且会换行，说俗一点也就是我们口中的块，他会单独的占一行，可以设定margin 跟padding。

常用的display的属性相关推荐

html+css:display:flex属性
博客 </a></li><li class="" title="高价值源码课程分享"><a data-report-c ...
html block属性,css display block属性的意思、作用和效果
css中display的block属性是什么意思呢?他是指拥有该属性的html元素以块的方式显示,同时,该元素的前面和后面都会换行,也就是说,如果给一个元素B设置的display:block,那么该元 ...
display显示属性理解
display显示属性理解 display属性设置一个元素应如何显示,是我们在前端开发中常常使用的一个属性,其中,最常见的有: 目录 display:none;表示此元素将不被显示. display: ...
js操作元素：改变元素内容有两种方式： interText 和 innerHTML的区别，常用的元素的属性操作，仿电脑系统时间问好，表单元素的属性操作，案例：仿京东显示隐藏密码，样式属性操作
文章目录操作元素改变元素内容有两种方式: interText 和 innerHTML的区别常用的元素的属性操作案例:仿电脑系统时间问好表单元素的属性操作案例:仿京东显示隐藏密码样式属性操 ...
三分钟快速了解CSS Display的属性：Block,Inline,Inline-Block
文章目录三分钟快速了解CSS Display的属性:Block,Inline,Inline-Block Block Inline Inline-block Block,Inline,Inline-B ...
CSS: CSS常用的文本样式属性
介绍:CSS常用的文本样式属性 color: 颜色 font-size: 字体大小 font-style (normal.italic.oblique): 字体样式(正常.斜体) font-wei ...
html5中display属性,display的属性
在一般的css布局制作时候,我们常常会用到display对应值有block.none.inline这三个值.,display这个属性用于定义建立布局时元素生成的显示框类型.对于 html 等文档类型, ...
CSS display:table属性用法解析
本节和大家重点讨论一下CSS display:table的使用,当IE8发布时,它将支持很多新的CSS display属性值,包括与表格相关的属性值,CSS表格能够解决所有那些我们在使用绝对定位和浮动 ...
HTML笔记一，部分常用的元素与属性
HTML中的常用元素与属性 <hr>:定义一条水平线 <div>:定义文档中的节,默认换行 <span>:定义一个节,但不换行对文字的格式化元素: <b&g ...

常用的display的属性

常用的display的属性

常用的display的属性相关推荐

最新文章

热门文章