CSS display属性这几天用的我头疼 人老了 健忘了
1.inline(行内元素)
是元素变成行内元素,拥有行内元素特性,共享属性,不会吃独食!
共享经济时代 inline是主导大哥
!important 不能修改元素的height,width 的值,大小由内容撑开!! 别傻乎乎的去设置了
可以使用padding 哪个方向都有效,margin只有left和right有效 top和bottom不行
2.block(块级元素)
独占一行,霸权主义,不设置自己的宽度的情况下,块级元素会默认填满父级元素的宽度
当然 height和width属性是可以改变的
padding和margin的各个属性值都有效果 都可以设置
3.inline-block(行内块级元素)
不独占一行的块级元素!!!
自然就是没有霸权主义的height和width属性可以设置 margin和padding也可以设置的小弟
inline-block和浮动布局的区别
对元素设置inline-block元素不会脱离文本流
而浮动布局会使元素脱离文本流,造成父元素高度塌陷