gpt4 book ai didi

html - 单独的 Div 按钮?

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

我试图让按钮不在彼此之上!我很确定我需要将一个简单的属性放入 CSS 代码中,但我似乎无法弄清楚!另外,有没有办法让按钮填满整个屏幕,而不会出现较低的滚动条!我尝试在 padding 中使用 100% 部分,但这会使页面变得非常大!

<style>

div#menubar2 > a{
font-family:Aria, Helvetica, sans-serif;
font-size: 18px;
background: #333;
padding: 150px 50%;
color:#999;
margin-right: 30px;
margin-bottom: 30px;
margin-top: 30px;

text-decoration:none;
border-radius: 3px;

-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s;
-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
transition: background 0.3s linear 0s, color 0.3s linear 0s;
}

div#menubar2 > a:hover{
background: #0099CC;
color:#FFF;
}


</style>
</head>

<body>


<div id="menubar2">
<a href="#">Home</a>
<br>
<a href="http://store.kidbomb.com">Shop</a>
<br>
<a href="/maintenance">News</a>
<br>
<a href="/maintenance">Contact Us</a>
<br>
<a href="/support-us">Support Us!</a>
<br>
<a href="/maintenance">Requests</a>

</div>
</body>
</html>

最佳答案

你需要添加

display:inline-block;

到你的“div#menubar>a”css

此外,对于此类事情,最好使用无序列表。

至于问题的第二部分,您使用了很多绝对大小 (px) 而不是百分比,因此您可能需要进行一些重构才能使其发挥作用。就目前而言,它需要进行一些重构。

关于html - 单独的 Div 按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27198493/

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