html - 如何填充两个 float div之间的空间？

Question

我有代码:
<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>

表格 HEADER 的圆 Angular (按背景，无 CSS3)需要左右 div。我的问题是:如何让 center div 填充它们之间的所有空间？width: 100% 使右边的 div 落到下一行。 width: auto 使中心 div 太短。

Answer 1

尝试为中心 <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;
}