gpt4 book ai didi

html - 选项卡菜单重叠

转载 作者:行者123 更新时间:2023-11-28 14:28:44 27 4
gpt4 key购买 nike

我制作了一个 CSS 菜单,但各个选项卡,或者更确切地说,一行选项卡似乎相互重叠。我使用了 white-space: pre-wrap with a width on the tab menu itself:

enter image description here

html > body > div#header > div#header-bottom-left > ul.tabmenu {
position: absolute;
top: 75px;
left: 700px;
width: 620px !important;
}

#header #header-bottom-left .tabmenu li {
font-family: "Courier New", Courier, monospace !important;
text-transform: uppercase;
letter-spacing: 2px;
font-variant: small-caps;
font-size: 11px;
padding: 5px;
margin-right: 16px;
background: url(%%buttons%%) repeat-x;
border: 1px solid black;
white-space: pre-wrap;
margin-bottom: 20px;
}

最佳答案

通常,不要为菜单设置 LI 样式,为 A 标记设置样式并使用 display:blockinline - block

关于html - 选项卡菜单重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7615764/

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