我正在做一个 HTML 网站,前端部分,但我想做一个带有 Logo 的菜单。 我尝试了以下
position:absolute;
top:180px;
right:300px;
但它没有响应,我认为这是一个糟糕的方法,我尝试使用 %
但是当我更改窗口大小时, Logo 没有居中。
我只是将 Logo 放在 ul 中并使用了 vertical-align
但它不起作用。
你有什么想法吗?
谢谢。
这是我的代码
HTML代码是
<body>
<div id="nav">
<ul id="menu1">
<li><a href="">Section 1</a></li>
<li><a href="">Section 2</a></li>
</ul>
<ul id="menu2">
<li><img src"image.png" alt=""/></li>
<li><a href="">Section 3</a></li>
<li><a href="">Section 4</a></li>
</ul>
</div>
CSS 是
#nav
{
background-color:red;
width:550px;
height:150px;
}
#menu1, #menu2
{
list-style:none;
}
#menu1 li a
{
text-decoration:none;
font-size:18px;
float:left;
margin-top:50px;
margin-right:10px;
margin-left:10px;
}
#menu2 li a
{
text-decoration:none;
font-size:18px;
float:right;
margin-top:35px;
margin-left:10px;
margin-right:10px;
}
img
{
width:235px;
height:196px;
display:inline-block;
position:absolute;
margin-left:365px;
}
最佳答案
插入图片的代码已经不好了:
<img src="image.png" alt=""/>
关于css - 在 ul (菜单)之间放置图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20758768/