前端学习（八）元素相互转换

块元素、行内元素、行内块元素

块元素：独占一行，高、宽、内外边距可以修改，是一个盒子（里面可以放东西）

如：<p>,<div><h1>-<h6>

注意：文字类的元素不允许放块元素

行内元素： 一行可以显示多个，无法设置宽高，行内元素只能放行类元素或文本

如：<span>

注意：链接里不能放链接

行内块元素：（<img> <input> <td>）一行可以显示多个，可以设置宽高

 

display ：block； 行内元素--->块元素

display ：inline； 块元素 --->行内元素

display ：inline-block；转为行内块

 

垂直居中：行高=块高