2010-07-08 159 views
4

我有代碼:頭部的
<th colspan="3" />
<div class="l_table_th" /></div>
<div class="c_table_th" />Zamów pakiet punktów</div>
<div class="r_table_th"/ ></div>
</th>如何填充兩個浮動div之間的空間?

左,右div的是必要的圓角(由背景,沒有CSS3)的表。 而我的問題是:如何讓中心div填補他們之間的所有空間? 寬度:100%使正確的div下降到下一行。寬度:自動使中心格太短。

回答

4

嘗試設置中心<div>的邊距(左側和右側)。假設.l_table_th.r_table_th是15px寬,應該這樣的工作:

<th colspan="3" /> 
    <div class="l_table_th"></div> 
    <div class="r_table_th"></div> 
    <div class="c_table_th">Zamów pakiet punktów</div> 
</th> 

.c_table_th { 
    margin: 0 15px 0 15px; 
} 

.l_table_th { 
    width: 15px; 
    float: left; 
} 

.r_table_th { 
    width: 15px; 
    float: right; 
} 
+0

男人,這很棒,thx! – Ender 2010-07-08 18:15:36

0

將它們包裹在另一個div中應用背景顏色?

+0

背景是漸變。此外,邊科有自己的免費。 – Ender 2010-07-08 12:38:43

+0

旁邊的div是透明的嗎?因爲否則,我不明白爲什麼你不能把背景放在'TH'或容器'DIV'上。通常,這個想法是你在容器上設置了一個背景,然後你的末端部分向左/向右浮動,然後中心元素就在那裏來保存文本,並且它將擴展以容納文本,但是不會不需要填滿整個區域。 – 2010-07-08 13:34:48

+0

你可以使用圖片作爲背景來填充空間 – matpol 2010-07-09 07:56:46

相關問題