【按钮是块级元素还是行内元素？ _属性 _属性】

按钮是块级元素还是行内元素？

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

属性属性

详细描述

截图

代码

html：
 <footer>
        <button class="leave">留言</button>
        <button class="telephone">电话联系</button>
    </footer>


css：
.leave {
    margin: 2%;
    width: 46%;
    /* 此处将宽度设置为48%是将整个按钮在整个宽度的46%  46%+2%+2%=50%刚好一半*/
    height: 40px;

    border: 1px solid rgba(95, 192, 205, 1);
    border-radius: 5px;
    font: 17px / 6px HiraginoSansGB-W3;

    font-weight: normal;
    color: rgba(95, 192, 205, 1);
    background-color: white;


}

.telephone {
    float: right;
    /* 为什么这里要设置浮动？而第一个按钮不用设置浮动？ */

    /* margin: auto; */

    margin: 2%;
    width: 46%;
    height: 40px;
    color: rgba(255, 255, 255, 1);
    background: rgba(95, 192, 205, 1);
    border: 1px solid rgba(95, 192, 205, 1);
    border-radius: 5px;
}

编辑于2024-04-22

时间排序

热门排序

[上海|荣耀师兄]JS-付东华
0

button为块级元素，设置了float的按钮变成非文本流，按照设置的float方向布局，而没有设置的按钮按照原本的文本流方式布局。

查看全部>

编辑于2019-02-22

去第页