2012-02-28 58 views
1

我想在圖像看到創建鍵盤:創建使用CSS鍵盤 - 定位

image

的關鍵應該是跨度對象。我有這樣的CSS:

span{ 
height:25px; 
width:25px; 
float:left; 
margin:0 5px 5px 0; 
line-height:25px; 
background-color:WhiteSmoke; 
text-align:center; 
font-size:14px; 
border-style:solid; 
border-width:1px; 
border-color:silver; 
} 

...我得到這樣的結果:

image

這幾乎是確定的,但我不知道該怎麼跨度正確定位?

+1

你應該做出[小提琴](http://jsfiddle.net)。 – zzzzBov 2012-02-28 14:21:03

+3

檢查容納所有這些跨度的容器的寬度。 – Travesty3 2012-02-28 14:21:28

回答

3

您需要設置一個寬度和一個文本對齊:父元素中心,和溝浮子

+0

但是,如果我溝渠浮動,跨度的寬度和高度屬性沒有影響.. – 2012-02-28 14:27:06

+0

正確的,我們可以修復與顯示:內聯塊爲跨度,抱歉,我應該說, – 2012-02-28 14:27:57

+0

謝謝羅德里克! – 2012-02-28 14:33:55