나는 calculator.This 계산기 내 HTML입니다 만드는 오전에 버튼의 높이를 조정 : http://pastebin.com/JQYbNBmZHTML 형식
이 계산기에 대한 내 CSS입니다 : 내가 가진 http://pastebin.com/DEMgqyYi
버튼 CE, CA 및 0에 대해 width="100%"을 사용하여 2 열을 확장했습니다. 그러나 + 및 = 단추에 height="100%"을 사용하면 2 개의 행을 늘릴 수 있지만 모든 단추는 실제로 작아집니다. 그것에 대해 어떻게 생각하세요?
감사합니다.
height에 백분율 값을 사용하려면 부모 요소의 높이가 height: 51px;이어야합니다.
당신은 더 많은 정보를 위해 이것을 확인할 수 있습니다 내가 업데이트 한 CSS – why doesn’t percentage height work?
당신의 jsfiddle을 : http://jsfiddle.net/bsDVD/3/
링크를 가져 주셔서 감사합니다. –
그래, 나는 이것을 시도하고 거의 작동하지만 이상한 일이 일어난다. 모든 버튼이 위로 이동하고 버튼과 셀의 바닥 사이에 공백이있다. 또한 버튼이 위로 이동하더라도 셀의 중앙에 여전히 값이 계속 표시됩니다. 이것은 실제로 처음과 같은 행동입니다. –
@AlexBG : 내 게시물에 jsfiddle을 추가했습니다. – Magus
가장 좋은 아이디어는 수행하여 말할 수 2EM로 TD 모두의 높이를 설정하는 것입니다 :
를td {
height: 2em
}
그리고 두 개의 확장 된 테이블의 인라인 스타일 강요는있을 수 있습니다 :
style="height: 4em"
그 후 height: 100% 버튼에 추가하면 제대로 작동합니다.
http://jsfiddle.net에 추가 할 수 있습니까? – bjedrzejewski
예, 확실 : http://jsfiddle.net/bsDVD/ –