自己模仿做的html，有2个问题，第一个图片没有加载，第二个文字链接没有居中
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>b...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>baidu</title>
<style type="text/CSS">
.div1{text-align:center}
.div2{
text-align:center;
width:600px;
height:30px;
margin:0 auto;
}
ul{list-style:none;}
li{float:left;
width:60px;}
.div3{
text-align:center;
}
</style>
</head>
<body>
<div>
<div class="div1">
<img src="https://www.baidu.com/img/bd_logo1.png/>
</div>
<div class="div2">
<ul>
<li><a href="/">新闻</a></li>
<li><a href="">网页</a></li>
<li><a href="/">地图</a></li>
<li><a href="/">视频</a></li>
<li><a href="/">贴吧</a></li>
</ul>
</div>
<div class="div3">
<input style="width:600px;height:30px;"/>
<input type="button" value="baiduyixia" style="width:100px;height:40px">
</div>
</div>
</body>
</html> 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>baidu</title>
<style type="text/CSS">
.div1{text-align:center}
.div2{
text-align:center;
width:600px;
height:30px;
margin:0 auto;
}
ul{list-style:none;}
li{float:left;
width:60px;}
.div3{
text-align:center;
}
</style>
</head>
<body>
<div>
<div class="div1">
<img src="https://www.baidu.com/img/bd_logo1.png/>
</div>
<div class="div2">
<ul>
<li><a href="/">新闻</a></li>
<li><a href="">网页</a></li>
<li><a href="/">地图</a></li>
<li><a href="/">视频</a></li>
<li><a href="/">贴吧</a></li>
</ul>
</div>
<div class="div3">
<input style="width:600px;height:30px;"/>
<input type="button" value="baiduyixia" style="width:100px;height:40px">
</div>
</div>
</body>
</html> 展开
1个回答
展开全部
给li标签添加display:inline属性，将他们转成内联元素，删除浮动元素；
图片没有加载时路径不对
图片没有加载时路径不对
更多追问追答
追问
删除float：left，添加display：inline：不对，你自己试试嘛。图片是网络路径啊，怎么改
追答
我就是自己试试了才给你说的啊，
li{display:inline;
width:60px;}
图片路径这是你自己的问题了，或者你自己下载一个图片从本地来读取
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
