响应式布局,宽度自适应

来源:互联网 发布:win10磁盘优化有什么用 编辑:程序博客网 时间:2024/05/21 08:52
<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>响应式布局之宽度只适应</title>        <style>            .item{                float: left;                width: 21%;                margin: 10px 2%;                height: 200px;                background-color: #dbe0e4;            }        </style>    </head>    <body>        <div class="item"></div>        <div class="item"></div>        <div class="item"></div>        <div class="item"></div>        <div class="item"></div>        <div class="item"></div>        <div class="item"></div>        <div class="item"></div>    </body></html>
0 0
原创粉丝点击