1

我是否正确，如果我指定width了一个 HTML 元素（例如 a ）来保持宽度固定，那么只要我只使用和属性button就不需要指定？我想创建固定宽度的按钮。我发现以下两种方法给出了相同的结果。我是 CSS 新手。我想确保我已经正确理解了这个概念并且没有遗漏任何极端情况。box-sizingpadding-toppadding-bottom

方法一：创建一个固定宽度的按钮。不使用padding-top和padding-bottom属性调整大小。

.button-common-styles-normal{
    background: radial-gradient(ellipse,#268ff4 5%,#4da3f8 95%); 
    border:none;
    color:white;
    border-radius: 8px;
    width:200px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;

}

方法2：创建一个固定宽度的按钮。box-sizing与padding属性一起使用

.button-common-styles-normal{
    background: radial-gradient(ellipse,#268ff4 5%,#4da3f8 95%); 
    border:none;
    color:white;
    border-radius: 8px;
    width:200px;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;  
}
4

1 回答 1

0

在您的情况下，两者都是正确的，但是当您从左侧和右侧放置填充或放置一些边框时，当使用具有默认值 content-box 的 box-sizing 属性时，它会增加您的按钮宽度或高度。我的意思是它会超过你在使用 box-sizing 属性和默认值 content-box 时定义的宽度或高度。

查看此链接，您将清楚https://css-tricks.com/box-sizing/

于 2018-01-05T10:14:10.023 回答