홈 > 웹사이트 구축 도구 > 프런트 엔드 기술
컨테이너에 텍스트 그림, 입력, 텍스트 영역, 선택, 개체 및 기타 요소와 연결 되어 있을 때 줄 높이 값 설정 컨테이너는 무효화 되 고 위의 요소의 행 높이 x2, 영향을 받는 브라우저를 있을 수 있습니다: ie5.01, ie5.5, ie6.0입니다.
솔루션은 그림, 입력, 텍스트 영역, 선택, 개체 및 다음과 같이 텍스트에 연결 된 다른 요소 특성을:
. 줄 높이 없음
여백: (라인-높이-자신 img, 입력, 선택, 개체 높이에 속하는) / 2px 0;
수직 정렬: 중간;
}
< 스타일 형식을 "Text/css 자습서" = >
. aa {높이: 100px; 너비: 300px 라인-높이: 100px; 배경-색상: #099;
/* ?
이것은 입력된 높이 20 같음 가정?
여백: (하위 라인 높이 소유 하는 높이) / 2px 0;
equals 여백: (100-20) / 2px 0 = 0; 여백: 40px
일반적인 효과, 약간 편차 되어야 합니다, 그리고 입력된 높이 20 인 거 같아요.
*/
. AA 입력 {여백: 40px 0 수직 정렬: 중간;
</스타일 >
< div 클래스 "AA" = > 센터 정렬 < 입력된 이름 = "" 유형 = "텍스트" / >< / div >
질문: 6으로, 텍스트와 IMG, 입력, 텍스트 영역, 선택, 동일한 컨테이너에 있는 개체, 줄 높이 특성 실패.
라인-높이 속성은 전체 텍스트를 사용할 수 있는 경우에 유효.
해결 방법:
비 리터럴 개체 중 하나의 스타일에서 증가:
여백: (줄 높이-높이 개체 자체의 컨테이너의) / 2PX 0;
수직 정렬: 중간;
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
