display的作用和分类

来源:互联网 发布:android蓝牙串口源码 编辑:程序博客网 时间:2024/06/05 00:35

display的值
none此元素不会被显示。block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。inline-block行内块元素。

作用:

1.可以将块级元素转换为行内元素(转换完之后原来设置的宽高信息失效)(inline)

2.可以将块级元素转换为行内块元素(转换完之后块级元素会在一行显示并且有宽高信息)(inline-block)
3.可以将行内元素转换为块级元素(转换完之后行内元素会换行显示并且可以设置宽高)(block)
4.可以将行内元素转换为行内块级元素(转换完之后行内元素会在一行显示并且可以设置宽高)(inline-block)
5.img的display设置为inline的时候,同样可以设置宽高
6.img的align默认情况下是和文字底部对齐(不是和块底部对齐)
1 0
原创粉丝点击