div 상자 가운데 맞춤 방법
margin-top와margin-left는 마이너스로 지정하고 절대값은 자신의 너비의 절반이다.
참조 인스턴스는 다음과 같습니다.
< !DOCTYPE html >
< html >
< head >
< title > < / title >
< style >
.content {
width : 400px;
height : 300px;
position : absolute;
left : 50 % ;
top : 50 % ;
margin - left : -200px;
margin - top : -150px;
background - color : # 8888CC;
}
< / style >
< / head >
< body >
< div class = "content" >
< p > < / p >
< / div >
< / body >
< / html >2:만약 우리의 높이가 고정되지 않는다면?
이때translate(x, y)를 사용하면 비교적 좋다. x, y는 편이량을 표시하는데 몇 퍼센트로 표시할 수 있다. 예는 다음과 같다.
.white_content {
display: none;
position: absolute;
top: 50%;
left: 50%;
height: auto;
width: 500px;
transform:translate(-50%,-50%);
padding: 16px;
border: 16px solid #52a3e2;
background-color: white;
z-index: 1002;
overflow: auto;
}이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하는 방법은 무엇입니까?장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하려면 @media의 미디어 쿼리 구문을 사용한 다음 구문을 작성하여 스타일의 최소 너비를 정의해야 합니다. 적용된 후 and라는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
