CSS 最小高度: min-height

By
Mr. 夫
– 2010 年 3 月 14 日發表於： Theme hack

有時在用DIV來排版時會因為左邊圖案高度不夠導致右邊文字跑過去，這樣會顯得有些不美觀，你可以透過CSS的 min-height 屬性來設定圖案區塊的最小高度，這樣就可以避免文字往左邊擠過去的問題。

先尋找圖案外的idv名稱是什麼(沒的話就自己包上一層idv區塊標籤)

?查看代碼 HTML
1
2

<div class="image"><img src="css-demo.png"/></div>
<div class="content">文字訊息</div>

然後在CSS中輸入對於.image的屬性

?查看代碼 CSS
1
2
3
4

.image {
	float: left;
	min-height: 120px;
}

雖然每個主題的排版不見得相同，但照著大方向寫的話應該就ok了。

目前沒有任何文章。
下一篇文章 » »
jQuery 連結載入文字特效
標籤：