piadream

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

· 2023-03-13 (월) 09:28:54 · 1829 · 1

<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; 를 사용할 수 있습니다

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

퍼블리셔팁

1,282건

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

+
분류 제목 글쓴이 날짜 조회
레이아웃 23-06-12 조회 2,325
웹접근성 23-06-09 조회 2,830
레이아웃 23-06-08 조회 2,206
레이아웃 23-06-08 조회 3,963
기타 23-05-30 조회 1,678
레이아웃 23-05-23 조회 2,077
레이아웃 23-05-24 조회 1,633
레이아웃 23-05-25 조회 2,521
레이아웃 23-05-26 조회 2,066
HTML 23-05-11 조회 2,321
HTML 23-04-23 조회 1,492
HTML 23-03-16 조회 1,739
HTML 23-03-14 조회 1,715
HTML 23-03-14 조회 2,468
CSS 23-03-13 조회 1,830
CSS 23-03-13 조회 2,347
CSS 23-03-02 조회 2,293
HTML 23-02-26 조회 1,731
기타 23-02-26 조회 1,378
CSS 23-02-19 조회 1,584
기타 23-02-03 조회 2,774
CSS 23-01-03 조회 2,458
CSS 22-12-17 조회 2,453
반응형 22-10-22 조회 1,750
반응형 22-09-06 조회 4,922
웹접근성 22-06-29 조회 2,214
반응형 22-06-29 조회 2,576
CSS 22-06-29 조회 2,059
HTML 22-06-09 조회 2,269
HTML 22-05-11 조회 1,843