网站导航栏如果用ul li 应该怎么移动位置?看下如下代码:

.div0
{
margin:auto;
width:1024px;
heigtht:19px;
}
.img_style0
{
height: 57px;
width: 152px;
}
.nav_bar
{
list-style-type:none;
font-size:16px;
width: 727px;
}
.nav_bar li
{
display:inline;
margin-right:15px;
float:left;
}
</style>
<body>
<form id="form1" runat="server">
<div class="header">
Welcome to GZJiuying!<span class="span0">Email:<a href="mailto:gzjiuying@outlook.com">gzjiuying@outlook.com</a></span>
</div>
<div class="div0">
<img src="images/logo1.png" alt="logo" class="img_style0"/>
<ul class="nav_bar">
<li><a>Home page</a> </li>
<li><a>About us</a></li>
<li><a>Main products</a></li>
<li><a>Testimonials</a></li>
<li><a>Strength</a></li>
<li><a>Company news</a></li>
<li><a>Contact</a></li>
</ul>
自己弄好了
如果不想大改 css,可以用负值 margin-top 实现
margin: -10px 0 0 50px;
这种现在直接问ai也是很快的方式。
ai 不一定 很好
@gzjiuying: 多实践,针对你这个场景,ai 一定很好。
.div0 {
width:1024px;
height:19px;
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
}
flex布局试试
弄好了