html – CSS – 使所有元素与最高元素的高度相同

发布时间：2020-12-14 19:46:32 所属栏目：资源来源：网络整理

导读：我有一个问题,我在div中有三个浮动按钮.其中一个按钮的内容比其他按钮更多,所以它更高. 我希望能够使所有按钮与最高按钮的高度相同.我试过身高：100％;但那没用. https://jsfiddle.net/xpdxyaz6/1/ 最佳答案只需将display：flex添加到您的容器类中,如下所示

我有一个问题,我在div中有三个浮动按钮.其中一个按钮的内容比其他按钮更多,所以它更高.

我希望能够使所有按钮与最高按钮的高度相同.我试过身高：100％;但那没用.


https://jsfiddle.net/xpdxyaz6/1/


最佳答案
只需将display：flex添加到您的容器类中,如下所示：

.container {
    width: 320px;
    display:flex;
}

jsFiddle：https://jsfiddle.net/AndrewL32/xpdxyaz6/2/
注意：
但是,Flex属性仅与以下内容兼容：
谷歌Chrome v21.0以上(-webkit-)
Internet Explorer v10.0以上(-ms-)
上面的Mozilla Firefox v18.0(-moz-)
上面的Safari v6.1(-webkit-)
Opera v12.10以上
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!