묻고답하기
위젯 가운데 정렬 방법
2016.11.03 18:05
사이트의 위젯들은 모니터의 크기에 따라 이리저리 움직여서
위젯을 가운데 정렬로 하고싶습니다.
margin-left:auto;
margin-right:auto;
라던지
<center></center>
이라던지
이것저것 해봣는데 안되더라고요....ㅠ
다른 방법을알고 계신분 있으시면 답변 부탁드립니다. ㅠㅠ
댓글 5
-
mkp9****
2016.11.04 09:31
답변 감사합니다.
저도 위 방법을 써보려 했는데 element.style값에 margin이 있으면 하위에 margin이 안먹더라고요 ㅠㅠㅠㅠ
(내가잘못한건가.....ㅠ)
노트북에서 기껏 양쪽여백 맞춰놧더니만 데탑으로 홈페이지 들어가서 확인해보니 엄청난 차이가.....ㅠㅠ
-
좌측과 우측만 auto가 되며 됩니다.
즉 margin:30px auto 50px auto 하셔도 됩니다만 아마 안먹힌다고 생각하는건
margin:30px auto 50px auto런 값을 가진 div가 연속으로 배치되면 상하의 마진값은 중첩이 될겁니다.
-
element.style 에 값이 있을때는 css 처리에서 margin:30px auto 50px auto !important 처리 하시면 됩니다.
-
르미
2018.09.07 02:51
여기에 소개된 친절하신 분들의 도움으로도
우리 회사 서버에는 잘 안되어서
며칠 헤매다가 해결책을 찾았습니다.
혹시 아래와 같은 상태를 원하는 것이라면 간단하게 해결되니까
아래 링크를 참고하여 보시기 바랍니다.
늘 이곳 좋은 글들을 참고하면서 고마움이 컸는데,
저도 도움이 될 수 있으면 정말 좋겠네요.
보통 방법은 두가지입니다.
고정 넓이값이 있을때
<div style="width:100px;height:100px;background:red;margin:0 auto"></div>
width는 max-width를 사용하셔도 문제 없습니다.
고정값이 없을때
감싸는 테그에 text-align:center 처리 하시고 그 안에 있는 테그에 display:inline-block;*displlay:inline 처리하시면 됩니다.
<div style="text-align:center"><div style="background:red;display:inline-block;*display:inline">텍스트</div></div>