2
林有這樣的:CSS:對齊這一權利
,我希望它是這樣的:
http://i53.tinypic.com/2u7rf48.png
所以這一切都是垂直對齊與海誓山盟, 「新聞」在中間,右邊是星星,左邊是3張圖片。
我該怎麼做?幫助IM卡..
林有這樣的:CSS:對齊這一權利
,我希望它是這樣的:
http://i53.tinypic.com/2u7rf48.png
所以這一切都是垂直對齊與海誓山盟, 「新聞」在中間,右邊是星星,左邊是3張圖片。
我該怎麼做?幫助IM卡..
我強烈建議您將所有的造型出來的HTML,並把它在外部樣式表。
我設法做到這一點。改變你的CSS:
.iconFavorite{
background: url(http://www.penrithstar.com.au/images/icon_star.gif) no-repeat;
width: 16px;
height: 16px;
border: none;
display:inline-block;
}
#discoLEvents{
display: inline-block; width: 200px; border-left: 1px solid #666; border-right: 1px solid #666; text-align: center; height: 40px; }
p{
line-height: 40px; display: block; float: left; text-align: center; width: 200px; border-left: 1px solid #666; border-right: 1px solid #666; text-align: center;
}
img{
float: left;
}
#stars{
float: right; line-height: 40px;
}
然後你的HTML太:
<div id="discoActions" style="border: 1px solid red;">
<img style="width: 40px; height: 40px;" src="http://media.dkbn.dk/Storage/Discos/7829f6d8-a9ee-4e6d-bdf8-e225d91be8f8/Banners/633861096606933426.jpg">
<img style="width: 40px; height: 40px;" src="http://media.dkbn.dk/Storage/Discos/7829f6d8-a9ee-4e6d-bdf8-e225d91be8f8/Banners/633861096606933426.jpg">
<img style="width: 40px; height: 40px;" src="http://media.dkbn.dk/Storage/Discos/7829f6d8-a9ee-4e6d-bdf8-e225d91be8f8/Banners/633861096606933426.jpg">
<p>NEWS</p>
<div id="stars">
<div class="iconFavorite"></div>
<div class="iconFavorite"></div>
<div class="iconFavorite"></div>
<div class="iconFavorite"></div>
<div class="iconFavorite"></div>
</div>
</div>
+1:簡短而親切的比較:O) – 2011-02-07 17:18:34