gpt4 book ai didi

html - Logo 和菜单在 html 中的相同对齐方式

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

我是 HTML 和 CSS 的初学者。我想将 Logo 和菜单放在同一对齐位置。我将 Logo 和菜单放在同一个 div 中,并尝试将它们分别 float 在左侧和右侧,但 Logo 和菜单仍然处于不同的对齐方式。

这是我的代码:Fiddle

HTML 部分:

<div class="set header">
<div class name="set logo">
<img src="image/r3v_logo2.png" alt=""/>
</div>
<div class="set mainmenu">
<ul>
<li><a href="">Home</a> </li>
<li><a href="">Forum</a> </li>
<li><a href="">Gallery</a> </li>
<li><a href="">About Us</a> </li>
<li><a href="">Facebook</a> </li>
<li><a href="">Help & FAQ</a> </li>
</ul>
</div>
</div>

谢谢。

最佳答案

来自这里:

<div class name="logo">

为此:

<div class="logo">

然后在 css 上,尝试遵循以下代码:

.logo {
float:right; (it depends on you if you want to place it on left or right)
}

.mainmenu {
float:right;
}

这是我要测试的代码:

<div class="header">
<div class="logo">
<img src="image/r3v_logo2.png" alt=""/>
</div>
<div class="mainmenu">
<ul>
<li><a href="">Home</a> </li>
<li><a href="">Forum</a> </li>
<li><a href="">Gallery</a> </li>
<li><a href="">About Us</a> </li>
<li><a href="">Facebook</a> </li>
<li><a href="">Help & FAQ</a> </li>
</ul>
</div>
</div>

 <div class="header">
<div class="logo" style="float:right">
<img src="image/r3v_logo2.png" alt=""/>
</div>
<div class="mainmenu" style="float:right">
<ul>
<li><a href="">Home</a> </li>
<li><a href="">Forum</a> </li>
<li><a href="">Gallery</a> </li>
<li><a href="">About Us</a> </li>
<li><a href="">Facebook</a> </li>
<li><a href="">Help & FAQ</a> </li>
</ul>
</div>
</div>

关于html - Logo 和菜单在 html 中的相同对齐方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22553418/

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