我有我傳統上使用一個表來解決,但希望得到它與CSS做了一些建議一個很常見的佈局問題。我有3個圖像構成一個'容器'。左側和右側圖像通常只使用標籤顯示,中間圖像顯示爲「背景圖像」,其內容顯示在容器中,我相信你已經看過/使用上萬遍:CSS佈局 - 動態寬度DIV
<table width="100" cellpadding="0"><tr>
<td width="50"><img src="myleftimage" /></td>
<td style="background: url('mymiddleimage');">Content goes here...</td>
<td width="50"><img src="myrightimage" /></td>
</tr></table>
關於這樣做的好處是,表格的寬度是始終瀏覽器(或母)的寬度,中間一欄,其中的內容是動態的尺寸佔用左/右圖像之間的剩餘空間
我想是重新創建使用CSS,以儘可能少的硬編碼信息什麼,所以這樣的事情:。
<div style="float:left; width:100%">
<div style="width: 50px;float:left;"><img src="myleftimage" /></div>
<div style="background: url('mymiddleimage');float:left;width:???">Content goes here...</div>
<div style="width: 50px;float:left;"><img src="myrightimage" /></div>
</div>
這個偉大的工程接受中間格,我要如何設置寬度?現在我可以將它硬編碼爲92%等,但我想要的是自動填充空間。它可以只使用CSS來完成嗎?
謝謝 - 這些都是非常好的反應,但我認爲這個最適合我的需求,因爲它在邊緣使用「自動」。這樣它可以重複使用一點,如果我用JavaScript重新調整圖像大小,它應該適應變化(我認爲)。 – 2009-09-01 18:13:25