按老师代码敲得，为什么图片还是不显示在一行里呢？
来源：4-1 使用jQuery实现网页定位导航（上）
自然卷666
2017-02-16 17:00
//css设置部分//
#content{
width: 800px;
margin: 0 auto;
padding: 20px;
}
#content h1{
color: powderblue;
}
#content.item{
padding: 20px;
margin-bottom: 20px;
border: 1px dotted #0088bb;
}
#content.item h2{
font-size: 16px;
font-weight: bold;
border-bottom: 2px solid #0088bb;
margin-bottom: 10px;
}
#content.item li{
float: left;
display:inline;
margin-right: 10px;
}
#content.item li a img{
width: 200px;
height: 200px;
border: none;
}
//下面是HTML部分//
<div id="content">
<h1>地狗购物网</h1>
<div id="item1" class="item">
<h2>1F 男装</h2>
<ul>
<li><a href="#"><img src="1F.jpg" alt=""></a></li>
<li><a href="#"><img src="1F.jpg" alt=""></a></li>
<li><a href="#"><img src="1F.jpg" alt=""></a></li>
。。。。。。。。。 按老师代码敲得，图片weight，height都设置了，li属性设置的inline，为什么图片还是不显示在一行里呢？li属性改为li{float:left; list-style:none;}也不好使，图片始终成一列显示，求大神指导
写回答
关注
2回答
-
- 洋葱_dot
- 2017-05-03 15:38:48
你的代码，比如#content.item li a img，content和.item之间缺少空格，所以属性其实是无效的css
-
- qq_小Yan睛_04311022
- 2017-02-16 20:46:35
#content.item li{
//float: left;
display:inline;
margin-right: 10px;
网页定位导航特效
本课程讲解网页定位导航特效，仿天猫版地狗购物网，你值得拥有
71404 学习 · 486 问题
相似问题