CSS에서 요소의 화면 가운데 맞춤 문제
745 단어 CSS
.box{
width:150px;
height:200px;
position: fixed;
top:50%;
left:50%;
margin-left:-75px;
margin-top:-100px;
background:red;
}
2. 부정확한 폭의 요소는 화면 창의 수평에서 수직으로 가운데
.box{
position: fixed;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
background:red;
}
3. 부정확한 너비와 높이의 하위 원소는 부모 원소에서 수평과 수직이 모두 중간이다
：
{
position:relative;
}
{
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
}
：
{
display：table-cell；
text-align：center；
vertical-align：middle；
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Grunt】 복수의 CSS, JavaScript 파일을 minfy한다여러 CSS, JavaScript 파일을 Grunt를 사용하여 단번에 각각 하나의 파일로 minfy합니다. ① Gruntfile 작성 ② package.json 쓰기 ④ html CSS, JavaScript 지정 부...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
