애니빌드.LAB
토론방
소스관련 서브페이지 컨텐츠 정렬
- 오**진
- 2016-02-17 16:12:59
- hit3454
- http://wdev.anybuild.co.kr/bbs/qna/5229
전체적으로 가운데정렬을 하고 싶은데 안되네요 ㅜㅜ

게시글 공유
URL복사
댓글작성
열기 닫기
전체적으로 가운데정렬을 하고 싶은데 안되네요 ㅜㅜ

열기 닫기
열기 닫기
서브페이지 내부에는 css 소스가 따로 작성되어 있지 않습니다.
현재 위에 p태그 img는 p태그에 style="width:100%;text-align:center"를 적용시켜 주시면 되시고
아래 table태그 같은 경우는 style="margin:0 auto;"를 적용해줘야 센터정렬이됩니다.
서브페이지를 전체를 감싸고 있는부분에 text-align:center를 줘도 table태그(block요소)등의 태그는 텍스트만 중앙정렬이 되고 레이아웃은 중앙으로 오지 않습니다.
※ block 요소 center정렬 방법
width값을 지정해주시고 margin:0 auto;를 주시면 됩니다. {width:100px;margin:0 auto;}
block요소를 inline요소로 변경시켜 센터 정렬방법도 있습니다. {display:inline-block;text-align:center;font-size:0;} 이 방법은 하위 요소에 font-size를 따로 지정해주셔야 합니다.
참고 : html 블록요소
html 인라인요소
var
등이 있습니다. 블록요소는 여러개 같이 작성 했을 경우 자동줄바꿈이 된다고 생각하시면 되고
인라인요소는 여러개 같이 작성을 해도 줄바꿈이 되지않고 같은줄에 계속 이어집니다.