は、CSSを使用してキーボードの作成 -

を配置する私は、画像に見られるようにキーボードを作成したい：は、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; 
}

と私は、この結果を得る：私はこのCSSを持って

それはほとんどOKですが、私はきちんとスパンを配置する方法がわかりませんの？

出典

2012-02-28 Primož Kralj

を捨てます。 – zzzzBov

これらすべてのスパンを保持するコンテナの幅を確認します。 – Travesty3

あなたは幅とテキスト位置合わせを設定する必要があります。親要素を中心に、そしてあなたが[フィドル]（http://jsfiddle.net）にする必要がありますフロート

出典

2012-02-28 14:22:09

しかし、私がフロートを踏んだ場合、スパンの幅と高さのプロパティは効果がありません。 –

正しい、私たちはディスプレイでそれを修正することができます：スパンのインラインブロック、申し訳ありませんが、私は言っておくべきでした –

ありがとうRoderick！ –

は、CSSを使用してキーボードの作成 -

答えて

関連する問題