行内元素
和其他元素都在同一行
高,行高及外边距和内边距部分可以改变
宽度只与内容有关
行内元素只能容纳文本或者其他行内元素
常用内联元素:a,img,input,lable,select,span,textarea...,font
块级元素
总是在新行上开始,占据一整行
高度,行高以及外边距和内边距都可控制
宽度始终与浏览器的宽度一样,与内容无关
可以容纳行内元素和其他块级元素
常用的块级元素:div,p,table,...通过把固定宽度的块级元素的margin-left和margin-right设成auto,就可以使块级元素水平居中。...利用inline-block
如果一行中有两个或两个以上的块级元素,通过设置块级元素的显示类型为inline-block和父容器的text-align属性从而使多块级元素水平居中。...;而align-items属性定义flex子项在flex容器的当前行的侧轴方向上的对齐方式。