gpt4 book ai didi

html - 对齐使用中断标记并具有任意填充的元素

转载 作者:行者123 更新时间:2023-11-28 17:43:17 25 4
gpt4 key购买 nike

Here's a JSFiddle

我正在尝试设计一系列按钮的样式。根据设计,它们可以包含任意中断标记和图标。

在具有任意中断标记的按钮上,我添加了一个类并更新了填充。当这两个并排时,元素高度相同,但带有 break 标签的元素被向下推 x 像素。

一个警告是我不能相对定位元素,top: -10px 来修复对齐,因为这会导致我也必须更新容器上的边距。

最佳答案

您可以使用 vertical-align 属性来解决对齐问题。

top/bottom/middle 的值有效。您只需更改默认值 baseline

.button-nav > button {
vertical-align:top;
}

Updated Example

关于html - 对齐使用中断标记并具有任意填充的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23701867/

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