block,inline,inline-block的区别

1.block    块级元素    

独占一行  设置宽高生效   width height

2.inline     行内元素

从左到右依次排列 直到占满一行   设置宽高不生效   宽和高由内容决定

3.inline-block  行内块元素

从左到右依次排列 不会独占一行   但是设置宽高生效

 

这三类对 margin  和 padding 设置都生效

 
posted on 2022-08-12 13:56  aksdk  阅读(18)  评论(0编辑  收藏  举报