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를

그것은 거의 괜찮아요하지만 제대로 스팬을 배치하는 방법을 모르겠어요?

출처

2012-02-28 Primož Kralj

도랑 (http://jsfiddle.net). – zzzzBov

모든 스팬을 포함하는 컨테이너의 너비를 확인하십시오. – Travesty3

당신은 폭과 텍스트 정렬을 설정해야합니다 : 당신은 [바이올린]을해야 부모 요소에 센터를 플로트

출처

2012-02-28 14:22:09

하지만 플로트를 도랑에 넘기면 스팬의 너비와 높이 속성이 아무런 영향을 미치지 않습니다. –

올바른데, 우리는 스팬에 대한 인라인 블록을 수정할 수 있습니다. 죄송합니다. 말씀해 주셨으면합니다. –

감사합니다. Roderick! –

CSS를 사용하여 키보드 만들기 -

답변

관련 문제