piadream

가운데 정렬. 가장 심플?(정리)

<style>

body {margin-left:0px;margin-top:0px; width:100%;height:auto;display:inline-block;overflow:auto;} /

  .total_case {width: 100%;}

    .box_case {width: 50%;margin: 0 auto;} 

</style>

 

<div class=total_case>가 전체 body가 되고.

<div class=box_case>abcdefg123456748</div>

</div>

.box_case의 width따라서 사이즈 조절

 

|

댓글 1개

참고로 margin: 0 auto; 을 풀어서 쓰면 margin-left: auto; margin-right: auto; 로 작성해도 됩니다.

 

아래로 정렬하시려면 margin-top: auto; 를 사용할 수 있습니다

댓글을 작성하시려면 로그인이 필요합니다. 로그인

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
레이아웃 2년 전 조회 1,848
웹접근성 2년 전 조회 2,274
레이아웃 2년 전 조회 1,736
레이아웃 2년 전 조회 3,420
기타 2년 전 조회 1,218
레이아웃 2년 전 조회 1,655
레이아웃 2년 전 조회 1,243
레이아웃 2년 전 조회 2,061
레이아웃 2년 전 조회 1,570
HTML 2년 전 조회 1,772
HTML 2년 전 조회 1,061
HTML 2년 전 조회 1,243
HTML 2년 전 조회 1,262
HTML 2년 전 조회 1,892
CSS 2년 전 조회 1,362
CSS 2년 전 조회 1,862
CSS 2년 전 조회 1,817
HTML 2년 전 조회 1,249
기타 2년 전 조회 926
CSS 2년 전 조회 1,158
기타 2년 전 조회 2,254
CSS 3년 전 조회 1,985
CSS 3년 전 조회 2,001
반응형 3년 전 조회 1,264
반응형 3년 전 조회 4,305
웹접근성 3년 전 조회 1,781
반응형 3년 전 조회 2,074
CSS 3년 전 조회 1,612
HTML 3년 전 조회 1,728
HTML 3년 전 조회 1,428
🐛 버그신고