gpt4 book ai didi

css - 带有大边框的行内 block 按钮向下两个像素

转载 作者:行者123 更新时间:2023-12-02 05:25:34 25 4
gpt4 key购买 nike

我有两个“inline-block”按钮,见下图:

Normal Buttons

但是,如果您单击,您会看到另一个按钮向下两个像素。

enter image description here

示例: http://jsfiddle.net/caio/EUjeY/ .

.button {
border-radius: 2px;
border: 1px solid #ddd;
border-bottom: 3px solid #ccc;
background: #eee;
padding: 5px 10px;
display: inline-block;
}

.button:hover {
background: #e7e7e7;
}

.button:active {
border-bottom: 1px solid #ddd;
padding: 7px 10px 5px;
}

你能帮我防止这种情况发生吗?

谢谢。

最佳答案

您可以将其添加到您的 .button 类中:

vertical-align: top;

工作示例:http://jsfiddle.net/uW7Sa/1/

关于css - 带有大边框的行内 block 按钮向下两个像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13147629/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com