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