您当前的位置:首页 > 生活热点

div垂直居中怎么做(div中嵌套div水平居中,垂直居中)

时间:2022-03-10 09:48:06
方法一: div(父):display:table; div(子):display:table_cell;margin:0 auto;vertical-align:middle; 方法二: div(父):display:flex;justify-context:centet;align-items:center; div中嵌套一个居中的div有很多方法

方法一:

div(父):display:table;

div(子):display:table_cell;margin:0 auto;vertical-align:middle;

方法二:

div(父):display:flex;justify-context:centet;align-items:center;

div中嵌套一个居中的div有很多方法,如果不想调整边距,有一个简单的方法:

1     <div align="center" style="width: 200px;height: 200px;background: green;display: table-cell;vertical-align: middle;">2         <div style=" width: 100px;height: 100px;background: blue;">3         </div>4     </div>

效果如下:

方法 有很多 嵌套 居中 有一个

最新文章