我正在用HTML作为前端部分的网站,但我想在徽标之间做菜单。 我尝试了以下
position:absolute;
top:180px;
right:300px;
但它没有响应,我认为这是一种不好的方式,我尝试使用%
但是当我改变窗口的大小时,徽标不会居中。
我只是将徽标放在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;
}
答案 0 :(得分:0)
插入图片的代码已经不好了:
<img src="image.png" alt=""/>