html&css行内元素/块级元素知识总结及居中方法

块级元素可以设置宽度和高度 会自动换行的 可以包含行内元素和其他块级元素，设置上下左右边距，默认 css 属性 display 的值为 block。（p里不能放div 详见(19条消息) ＜p＞ 里可以写 ＜div＞ 吗? 你可能真的不知道_庇耳拉海莱的博客-CSDN博客_p标签里不能有div）

行内元素：不会自动换行，不可以设置宽高，只能设置左右边距，默认 css 属性 display 的值为 inline

行内块元素/内联元素 img input button textarea select td th object

line-height能继承 从而撑开行内块元素的高度 but 行内元素就算继承的父辈的line-height也无法撑开高度

↑ 行内元素 无法垂直对齐 

行内块元素之间会默认存在空隙（不可设置大小） 若想取消空隙 可使父辈font-size=0 或者浮动/定位/flex/grid等

float  绝对定位 会转化为行内块元素

：：before跟：：after会转化为行内元素

垂直居中与水平居中

块级元素：水平居中 Margin：0 auto （此法对于行内块/行内元素无效）

行内/行内块元素 给其父级添加text-align: center；（同上 此法对块级元素不起效）

垂直居中：单行元素设置行高=height or 上下padding 

或子绝父相