CSS align-content js 实例 - 自学教程(runoops.com)

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS align-content js 实例 - 自学教程(runoops.com)</title>
    <style>
        #main {
            width: 140px;
            height: 300px;
            border: 1px solid #000000;
            display: flex;
            flex-flow: row wrap;
            align-content: space-around;
        }

#main div {
            width: 70px;
            height: 70px;
        }
    </style>
</head>

<body>

<p>点击“尝试一下”按钮，设置 alignContent 属性的值为 "space-between"。</p>

<p><b>注意：</b>Internet Explorer、Firefox 和 Safari 不支持 alignContent 属性。</p>

</body>

</html>