布局经典记录

最新推荐文章于 2021-08-04 18:57:29 发布

aoxue018

最新推荐文章于 2021-08-04 18:57:29 发布

阅读量134

点赞数

分类专栏：布局

本文链接：https://blog.csdn.net/aoxue018/article/details/81114972

版权

布局专栏收录该内容

4 篇文章 0 订阅

订阅专栏

            .btn-list{
                border:1px solid orange;
                overflow:hidden;
                padding:0.1rem;
                padding-right:1rem;
            }
            .btn-list .btn-wrapper{
                width:33.33%;
                float:left;
            }
            .btn-list .btn{
                padding:0.05rem;
                margin:0.1rem;
                border:1px solid black;
                font-size:20px;
                text-align:center;
            }

	<div class="btn-list">
            <div class="btn-wrapper">
                <div class="btn">北京</div>
            </div>
            <div class="btn-wrapper">
                <div class="btn">上海</div>
            </div>   
            <div class="btn-wrapper">
                <div class="btn">广州</div>
            </div>          
        </div>

结论，千万不要去设置按钮的宽度（如2rem），而是根据一行中按钮的个数去设置百分比，所以这个wrapper类这个元素的存在意思变得相当重要

2.轮播图部局