2012-01-29 29 views
1

我在<div> 3種<a>選擇。我給他們固定的寬度。但他們並不是爲了糾正寬度。他們只是適應他們包含的數據(文本)。但我希望他們將我的父div分爲3個單元格,我希望他們使用指定的寬度填充它。固定寬度爲<a>

我下面將一個圖像。第一張圖片顯示了我現在得到的內容,第二張圖片顯示了我的內容。

enter image description here

Here是小提琴。

+0

可能重複[是否高度和寬度並不適用於跨越?](http://stackoverflow.com/questions/ 2491068 /確實-高度和寬度未應用到跨度) – JJJ 2012-01-29 10:13:55

+0

這些都不是選擇器。那些是元素。 – BoltClock 2012-01-29 20:31:17

回答

4

使用:display:inline-block;

jsfiddle Demo

也:採用百分比!

http://jsfiddle.net/j6kcJ/4/

最新:

http://jsfiddle.net/j6kcJ/5/

+0

這是有用的,但我怎麼能在消除它們之間的空間? – 2012-01-29 10:15:21

+0

@blasteralfred查看新鏈接http://jsfiddle.net/j6kcJ/4/ – 2012-01-29 10:15:50

+0

This works .. Thank you .. – 2012-01-29 10:18:20

1

給錨定元件內聯塊的顯示值和寬度值將適用於它們。

1

只需要添加這個CSS樣式:

.xxx a {display:inline-block;float:left;} 

希望這有助於的