고정 높이 div 아래 여러 줄 텍스트 내용의 수직 가운데 맞춤
1337 단어 html
여러 줄 문자의 세로 가운데 맞춤
<br> body { font-size:12px;font-family:tahoma;}
<br> div#wrap {
<br> display:table;
<br> border:1px solid #FF0099;
<br> background-color:#FFCCFF;
<br> width:760px;
<br> height:400px;
<br> *position:relative;//hack IE6 및 IE7
<br> overflow:hidden;
<br> }
<br> div#subwrap {
<br> vertical-align:middle;
<br> display:table-cell;
<br> *position:absolute;//hack IE6 및 IE7
<br> *top:50%;//hack IE6 및 IE7
<br> }
<br> div#content {
<br> *position:relative;//hack IE6 및 IE7
<br> *top:-50%;//hack IE6 및 IE7
<br> }
<br>
！
div#wrap {
border:1px solid #FF0099;
background-color:#FFCCFF;
width:760px;
height:500px;
position:relative;
}
div#subwrap {
position:absolute;
border:1px solid #000;
top:50%;
}
div#content {
border:1px solid #000;
position:relative;
top:-50%;
}이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
