在电商里经常会遇到一个input和一段文字对齐的问题。对于像我这样白菜的人，找百度谷歌上面说的很多都是把input的属性设置vertical-align:middle; 我试过了N次都不行，其实他们没有说完整，其实还要给文字用span标签，并且span标签还要加vertical-align:middle;例如：在选择哪家银行支付的时候。<!DOCTYPE html PUBLIC
前言本文主要介绍水平居中，垂直居中，还有水平垂直居中各种办法，思维导图如下：如需本文的思维导图，请猛戳Github个人博客一、水平居中1.行内元素水平居中利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline-flex元素水平居中都有效。.parent{
text-align:ce
cursor:pointer;text-indent:-999em;display:inline-table;display:inline-block;table-layout:auto默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢table-layout:fixed固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关word-spacing 字间距letter-spacing 字母间距border简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性：border-width bo
