一个html元素内有多个html元素，让子元素并排自动换行居中，且有间距

程序员文章站 2022-05-01 20:17:43

...

如下

<html>
<head>
    <title>  </title>
    <meta name="decorator" content="default"/>
    
    
    <style type="text/css">
        .innerdiv{
            width:50px;
            height: 50px;
            background: yellow;
            display: inline-flex;
            margin-left: 20px;
        }
    </style>
</head>
<body onload="reload()">
    <div style="text-align: center">
        <div class="innerDiv"></div>
        <div class="innerDiv"></div>
        <div class="innerDiv"></div>
        <div class="innerDiv"></div>
        <div class="innerDiv"></div>

    </div>
</body>
</html>

相关标签： html 居中 div居中并排居中

上一篇：图片溢出div，超出div解决办法

下一篇：修改 input 占位符 placeholder字体颜色