已有0位網友發表了一針見血的評論,你還等什么?
必填
選填
選填
記住我,下次回復時不用重新輸入個人信息
必填,不填不讓過哦,嘻嘻。
◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。

2010-5-11 0:0:0 | 作者:sw996 | 0個評論 | 人瀏覽
網頁設計中經常用到的CSS圖文混排實例,圖片描述及分享左側距圖片10px
CSS:
.feed{margin:10px;width:500px;}
.feed-img{float:left;position:relative;#zoom:1;margin-right:10px;_margin-right:7px;}
.feed-img img{vertical-align:top;}
.feed-img .act{position:absolute;bottom:0;left:100%;margin-left:10px;white-space:nowrap;}
HTML:
<div class="feed">
<div class="feed-img">
<img alt="www.goodtext.org" height="430" src="http://www.goodtext.org/gggh/jhf58.jpg" width="300">
<p class="act"><a href="##">分享</a></p>
</div>
<div class="feed-text">
<p>~www.goodtext.org~</p>
</div>
</div>
這個CSS圖文混排很實用,可以收藏下備用。

必填
選填
選填
記住我,下次回復時不用重新輸入個人信息
必填,不填不讓過哦,嘻嘻。
◎歡迎參與討論,請在這里發表您的看法、交流您的觀點。