코딩하다 현타올 때

질문 : CSS를 사용하여 텍스트를 세로 중앙에 어떻게 배치합니까? 나는이 텍스트가 포함 된 요소를 나는 이것의 내용을 정렬 할 수직 센터. 스타일은 다음과 같습니다. #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #FFF; text-align: center; } Lorem ipsum dolor sit 이 목표를 달성하는 가장 좋은 방법은 무엇입니까? 답변 이 기본 접근 방식을 시도 할 수 있습니다. div { height: 100px; line-height: 100px; text-align: center; border: 2px dashed #f69c55; } Hello World! 단 한 줄의 텍스트에서만 작동..

질문 : CSS를 사용하는 모든 브라우저에 대해 "div"요소를 세로 중앙에 어떻게 배치 할 수 있습니까? CSS div 세로로 가운데에 배치하고 싶습니다. 나는 테이블이나 자바 스크립트를 원하지 않고 순수한 CSS만을 원합니다. 몇 가지 해결책을 찾았지만 모두 Internet Explorer 6 지원이 누락되었습니다. Div to be aligned vertically Internet Explorer 6을 포함한 모든 주요 브라우저에서 div 세로로 중앙에 배치하려면 어떻게해야합니까? 답변 아래는 고정 너비의 유연한 높이 콘텐츠 상자를 수직 및 수평 중앙에 구축 할 수있는 최고의 만능 솔루션입니다. Firefox, Opera, Chrome 및 Safari의 최신 버전에서 테스트되고 작동했습니다. .ou..

질문 : div 내부에서 이미지를 세로로 정렬하는 방법 div 내부에 이미지를 어떻게 정렬 할 수 있습니까? class ="frame "을 사용하여 를 세로로 가운데에 배치해야합니다. .frame 의 높이는 고정되어 있고 이미지의 높이는 알 수 없습니다. 유일한 해결책 인 경우 .frame 에 새 요소를 추가 할 수 있습니다. Internet Explorer 7 이상, WebKit, Gecko에서이 작업을 수행하려고합니다. 여기 에서 jsfiddle을 참조하십시오. .frame { height: 25px; /* Equals maximum image height */ line-height: 25px; width: 160px; border: 1px solid red; text-align: center; ma..

질문 : div에서 텍스트를 세로로 정렬하려면 어떻게합니까? div와 텍스트를 정렬하는 가장 효과적인 방법을 찾으려고합니다. 몇 가지 시도했지만 작동하지 않는 것 같습니다. .testimonialText { position: absolute; left: 15px; top: 15px; width: 150px; height: 309px; vertical-align: middle; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 1em 0 1em 0; } Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei..