横向居中
行内 行内块 文字 在块级里面横向居中:
给块级元素添加text-align:center
行内 文字 行内块 在行内块里面横向居中:
给行内块添加text-align:center
块级在另外一个块级里面横向居中:
给内部的块级加宽度(小于外部)
同时设置margin:0 aut
纵向居中:
行内 文字 在块级里面纵向居中:
给当前块级+line-height=当前块级元素高度 前提是行内和文字是单行
行内块在块级里面纵向居中:
给当前行内块+vertical-align:middle
给外部的块级+line-height:块级的高度(不一定百分百生效)
块级元素在另一个块级里面纵向居中:
只能通过定位 top 50% margin-top:-自身高度的一半
绝对居中:
1:分开横向居中+纵向居中
top:50%;margin-top:-自身高度的一半
left:50%;margin-left:-自身宽度的一半
2:left:0; top:0; right:0; bottom:0;
magin:auto