个人总结了一些 CSS 居中 的方法

居中: 自己居中用margin

内容居中用 text-align: center;

line-height:height;

多行文字垂直居中:

利用display:table转化为表格的形式 再通过垂直居中 得到想要的结果

display:table 此元素会作为块级表格来显示 类似table 表格前后带有换行符

display:table-cell 此元素回座位一个表格单元格显示 类似td th

个人总结了一些 CSS 居中 的方法_第1张图片
个人总结了一些 CSS 居中 的方法_第2张图片

居中2:

个人总结了一些 CSS 居中 的方法_第3张图片

垂直居中!


个人总结了一些 CSS 居中 的方法_第4张图片

你可能感兴趣的:(个人总结了一些 CSS 居中 的方法)