어제와 똑같이 살면서 다른 미래를 기대하지 말자

CSS 가로세로 센터정렬 (transform) 본문

IT관심분야/HTML&CSS

CSS 가로세로 센터정렬 (transform)

플랜액터 2021. 4. 27. 10:21

1. Transform을 이용한 가로 세로 센터정렬

    <div id="loading-indicator" style="position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:100;background-color: rgba(0,0,0,0.9);display:none;">
        <div style="text-align:center;position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);">
            <img src="/spinner-bgblack-96px.gif" />
            <div style="color:white;padding:3px;">
                <div>로딩중...</div>
            </div>
        </div>
    </div>

 

 

저작자표시 비영리 변경금지

'IT관심분야 > HTML&CSS' 카테고리의 다른 글

CSS 글자 자르기, 이미지 조정, 즐겨찾기 등...  (0) 2019.01.24
<!--[if IE]><![if !IE]> 브라우저 구분 [웹표준]  (0) 2008.01.28
프린트 페이지바꿔 출력하기  (0) 2007.12.15
이미지를 못 퍼가게 하려면..  (0) 2007.11.28
'IT관심분야/HTML&CSS' Related Articles more
Comments