当前位置:  开发笔记 > 前端 > 正文

垂直按钮宽度相等

如何解决《垂直按钮宽度相等》经验,为你挑选了1个好方法。

这是两个垂直排列按钮.我需要它宽度会一样.我没有:

包裹的尺寸是多少;

按钮上的文字是什么(因此我不能使用像素宽度);

按钮上的宽度是多少.

按钮必须在左边.按钮上的文字必须是中心对齐.我不能使用100%宽度因为它不会美丽:)

我不能使用flexbox并指定按钮的宽度.并且很酷的纯CSS解决方案.

IE8 +

.wrap{
    width: 100%;
    border: 1px solid red;
}

.btn{
    height 40px;
    background-color: tomato;
    margin-bottom: 10px;
    display: block;
}



1> Pete..:

只需使容器内嵌块然后按钮100%宽度,这样他们将采取最大按钮的宽度:

.wrap{
    display: inline-block;
    border: 1px solid red;
}

.btn{
    height 40px;
    background-color: tomato;
    margin-bottom: 10px;
    display: block;
    width:100%;
}
推荐阅读
k78283381
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有