block、inline、inline-block
2024-08-15 15:53:21 221人阅读
| block: | - block - 块级元素
- 常见的块级元素包括：div,form,p,table,ul,ol,dl,h1~h6,pre
- block 可以包含 inlne 和 block 和 inline-block(有的不适合，比如 p)；
- block 独占一行，多个block 会另起一行；
- 默认情况下，block元素宽度自动填满父元素；
- block 可以设置 width 和 height，但还是独占一行；
- block 可以设置margin 和 padding；
|
| inline: | - inline - 行内元素（内联元素）；
- 常见的行内元素包括：span,a,label,input,strong,em,select,textarea,img,br,code；
- inline 不能包含子元素；
- 多个inline都在一样显示，直到放不下，才会另起一行。
- inline 元素设置 width 和 height 无效，宽度是内容决定的。
- inline 的 （margin-left、right） 和（padding-left、right） 是有效的，height是无效的。
|
| inline-block： | - 这个属性是让元素 既能一行，又可以设置 宽高、边距 等。
- inline-block 理论上ie低版本是不支持的，但它会触发 layout，显示出inline-block的表象。
|
block、inline、inline-block
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：
投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
