和大家一样经常使用display:inline和display:block来进行块元素(block element)和内联元素(inline element，也叫行内元素)之间的转换。
块元素和内联元素（行内元素）可以看看这里https://www.0133.cn/archives/646块元素和内联元素的主要区别：1.块元素会自动在末尾加
(这个是图片)一个换行，而内联元素不会，多个内联元素会自动排成一行，比
此处显示新 Div 标签的内容
如img标签查到一行文字中，他会和这行文字自动排成一行，而如果你在这行文字中插入一个块元素标签，比如div标签，那么这个div标签会自己独占一行。 2.块元素可以定义自身的高度（width）和宽度(height),而内联元素不可以。 3.块对象定义的自身垂直边距可以改变行高，而内联元素虽然可以定义但改变不了行高。