css display: inline、block和inline-block

inline:使元素变成行内元素(内联),拥有行内元素的特性,即

1. 与其他行内元素共享一行

2. 不能修改width、height属性,大小由内容撑开

3. padding属性 top、right、botto、left设置都有效;margin属性只有left、right设置有效

block: 使元素变成块级元素,拥有块级的特性,即

1. 独占一行,在不设置自己的宽度的情况下,块级元素会默认填满父级元素的宽度

2. 可以修改width、height属性

3. padding、margin四个方向的值设置均有效

inline-block: 使元素变成行内块级元素,结合了行内元素和块级元素的特性(不独占一行的块级元素),即

扫描二维码关注公众号,回复: 3606780 查看本文章

1. 与其他行内元素共享一行

2. 可以修改width、height属性

3. padding、margin四个方向的值设置均有效

欢迎关注、点赞

猜你喜欢

转载自blog.csdn.net/qq_33576343/article/details/81744887