1.inline-block+text-align.parent{text-align：中心;}.children{显示：内联块；}2.table+margin.children{display:table;保证金：0自动；}3.absolute+transform.parent{position:relative;}.children{位置：绝对；左：50%；转换：translateX(-50%)；}4.flex+justify-content/margin/*4.flex+justify-content*/.parent{display:flex;证明内容：居中；}/*5.flex+margin*/.parent{display:flex;}.children{保证金：0自动；}垂直居中1.table-cell+vertical-align.parent{display:table-cell;垂直对齐：中间；}2.absolute+transform.parent{position:relative;}.children{位置：绝对；顶部：50%；变换：翻译Y(-50%)；}3.flex+align-items.parent{display:flex;}.children{对齐项目：居中；}水平垂直居中1.inline-block+text-align+table-cell+vertical-algin.parent{text-align:center;显示：表格单元格；垂直对齐：中间；}.children{显示：内联块；}2.absolute+transform.parent{位置：相对；}.children{位置：绝对；顶部：50%；高度：50%变换：平移（-50%，-50%）；}3.flex+justify-content+align-items.parent{display:flex;证明内容：居中；对齐项目：居中；}多列布局自适布局1.定宽+自适应/*1.float+margin*/.left{float:left;宽度：100px；}.right{margin-left:120px;}/*2.float+overflowBFC*/.left{float:left;宽度：100px；边缘里ght:20px;}.right{overflow:hidden;}/*3.table*/.parent{display:table;宽度：100%；table-layout:fixed;}.left,.right{display:table-cell;}.left{width:100px;padding-right:20px;}/*4.flex*/.parent{display:flex;}.left{width:100px;margin-right:20px;}.right{flex:1;}/*5.三列:两列指定宽+列自适应*/.left,.center{width:100px;float:left;}.right{overflow:hidden;}2.不确定宽+自适应/*float+overflow:hiddenBFC*/.left{float:left;margin-right:20px;}.right{overflow:hidden;}.leftp{width:100px;}/*table*/.parent{display:table;宽度：100%；}.left，.right{显示：表格单元格；}.left{宽度：0.1%；padding-right:20px;}/*flex*/.parent{display:flex;}.left{margin-right:20px;}.right{flex:1;}.leftp{width:100px;}/*三列*/.left,.center{float:left;margin-right:20px;}.right{overflow:hidden;}.leftp,.centerp{width:100px;}等宽布局.column{background-color:#2aabd2;}/*float*/.parent{margin-left:-20px;}.column{width:25%;向左飘浮;左填充：20px；box-sizing:border-box;}/*table*/.parent-fix{margin-left:-20px;}.parent{display:table;宽度：100%；table-layout:fixed;}.column{display:table-cell;padding-left:15px;}/*flex*/.parent{display:flex;}.column{flex:1;}.column+.column{margin-left:20px;}等高布局.left{background-color:#2aabd2;}.right{background-color:#00B83F;}/*flex*/.parent{display:flex;}.left{width:100px;margin-right:15px;}.right{flex:1;}/*table*/.parent{display:table;宽度：100%；table-layout:fixed;}.left,.right{display:table-cell;}.left{width:100px;border-right:15pxsolidtransparent;background-clip:padding-box;}/*float假等高,不好*/.left{float:left;宽度：100px；margin-right:15px;}.right{overflow:hidden;}.left,.right{padding-bottom:9999px;margin-bottom:-9999px;}.parent{overflow:hidden;}