对于行内元素或display为inline-block的元素，它们在水平对齐上存在挑战，因为无法直接设置width和height以及margin。要实现水平居中，通常需借助vertical-align属性，特别是设置为middle，但这种方法仅适用于行内元素和行内块元素。
对于行内元素，或者用设置display为inline-block的元素而言，水平方向的对齐并不容易
行内元素特点
- 行内元素无法设置
width和height inline-block可以设置width和heightpading属性四个方向均可设置margin-left和margin-right可以设置，水平方向不可设置
由于无法设置margin想要实现水平居中只能使用vertical-align设置
vertical-align所有属性值：baseline，top，middle，bottom，text-top，text-bottom
通过设置vertical-align: middle;实现水平方向对齐，注意只能设置在行内元素或者行内块元素中
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
