按老師代碼敲得，為什么圖片還是不顯示在一行里呢？
//css設(shè)置部分//
#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>地狗購物網(wǎng)</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都設(shè)置了，li屬性設(shè)置的inline，為什么圖片還是不顯示在一行里呢？li屬性改為li{float:left; list-style:none;}也不好使，圖片始終成一列顯示，求大神指導(dǎo)
2017-05-03
你的代碼，比如#content.item?li?a?img，content和.item之間缺少空格，所以屬性其實(shí)是無效的css
2017-02-16
#content.item?li{
? ? ? ? ? ? //float:?left;
????????????display:inline;
????????????margin-right:?10px;