2012-02-28 43 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