html多个div横向排列居中,多个div垂直居中横向排列的示例分析

多个div垂直居中横向排列的示例分析

发布时间：2021-06-12 09:34:34

来源：亿速云

阅读：89

作者：小新

这篇文章给大家分享的是有关多个div垂直居中横向排列的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

父级p，子级p高度都为自适应。

                           

html>

垂直居中

#mine {

width: 500px;

height:500px;

background: #f00;

margin: 0 auto;

display: flex;

}

.center {

/*flex: 1;*/

/*width: 100px;

height: 100px;*/

background: #0f0;

margin:auto;

}

一

二

三

感谢各位的阅读！关于“多个div垂直居中横向排列的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！