我想要三個& ltdiv & gt或者& ltspan & gt一行中的標簽。

左= 57px寬度的圖像 右= 57px圖像 中心=填充整個寬度的跨度圖像。

<div class="bar-left"></div>
<div class="bar-span"></div>
<div class="bar-right"></div>

我畫了一條奇特的人力資源線，兩端逐漸消失。我可以使用float: left將左右圖像對齊；而浮:對；但是中間好像不可能。

這樣可以嗎？

JSFiddle

這個想法是把左和右列放在頂部并使它們浮動，然后把空白放在內容div上，這樣它就不會在浮動的div下換行...

<div class="bar-left"></div>
<div class="bar-right"></div>
<!- content goes in last -->
<div class="bar-span"></div>

CSS:

.bar-left
{
    float: left;
    width: 57px;
}

.bar-right
{
    float:right;
    width: 57px;
}

.bar-span
{
    margin: 0 70px;
}

將浮動div放在非浮動div之前:

<div class="bar-left" style="float: left; color: blue; background-color: blue; width: 57px;">&nbsp;</div>
<div class="bar-right" style="float: right; width: 57px; background-color: blue;">&nbsp;</div>
<div class="bar-span" style="background-color: green; display: block;">&nbsp;</div>

傳統上，當你想像這樣首尾相連地排列時，你可以將它們全部向左或向右浮動。