gpt4 book ai didi

css - 如何将 1 个 div 中的 4 个标题并排放置?

转载 作者:太空宇宙 更新时间:2023-11-04 13:13:56 24 4
gpt4 key购买 nike

我有一个包含四个链接的菜单,作为 H4 元素,外加一张图片。它们都与类菜单位于同一个 div 中。我将如何在 CSS 中使所有这些形成一行?

这是我的 html:

    <html>
<head> <title>Testing menu</title> </head>
<body>
<div class="menu">
<a href="index.html"><img src="img/logo.png"></a>
<a href="program.html"><h3>Program</h3></a>
<a href="info.html"><h3>Informasjon</h3></a>
<a href="aktiviteter.html"><h3>Aktiviteter</h3></a>
<a href="kontakt.html"><h3>Kontakt</h3></a>
</div>
</body>
</html>

我应该使用哪种 CSS 来使 div 中的所有元素彼此相邻?

最佳答案

Demo

使用display: inline-block;

CSS

.menu a {
display: inline-block;
}

关于css - 如何将 1 个 div 中的 4 个标题并排放置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24504530/

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