你好，欢迎来到懂视！登录注册

当前位置：首页 - 正文

在css3中，如果想让两栏或多栏中元素的内容高度一致，则选择什么属性

发布网友发布时间：2022-04-06 10:24

共1个回答

热心网友时间：2022-04-06 11:53

如果单单是这个需求，好多写法可以做到，要 CSS3的画，可以用 flexbox。

写了个小例子供参考：

CSS :

<style>
.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.flexbox .col {
    flex: 1;
    padding: 20px;
}
.flexbox .col:first-child {
    background: cyan;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 0;
}
.flexbox .col:last-child {
    background: pink;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 1;
}
body {
    padding: 20px;
}
</style>

HTML :

<div class="flexbox">
    <div class="col">
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
    </div>
    <div class="col">
        <p>2</p>
    </div>
</div>

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2022 51dongshi.com 版权所有

赣ICP备2023002352号-2

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务