[ 개요 ]
왼쪽정렬로 하면, 너무 왼쪽으로 치우치고
(* 특히, 화면이 넓은 PC에서 글을 볼 때)
가운데정렬로 하면, 지저분해 보인다.
(깔끔하지 못하고, 읽기 불편한 느낌이 든다.)
이 둘을 절충시킨 가운데 왼쪽 정렬을 구현하고
이를 활용하는 방법을 알아보자
(+ 뭔가 괜찮은 명칭이 없을까?)
*** 가운데 왼쪽 정렬이라고는 했는데...
어감이 별로다. 뭔가 더 좋은 이름은 없을까?
외부에서는 가운데, 내부에서는 왼쪽 정렬이니까
(External Center, Internal Left)
ECIL정렬 이라고 할까? 아님 그냥 가왼정렬?
[ 파일 다운로드 ]
[ 코드 작성 ]
1) body태그에서의 text-align을 통해서
텍스트를 왼쪽, 가운데로 정렬시킬 수 있다.
2) div요소를 통해 영역을 나누고
CSS요소를 적용하여,
가운데 왼쪽 정렬을 구현할 수 있다.
3) HTML엔티티를 이용하여
간격을 조정할 수 있다.
4) <style>태그를 사용하지 않고
CSS요소를 div의 style 속성에
한 줄로 직접 집어넣을 수 있다.
5) maring:auto;를 사용할 때,
width값을 지정하지 않으면
div가 제대로 가운데 정렬되지 않는다.
[ 해석 ]
[ 티스토리에서의 활용 ]
티스토리의 서식 기능을 통해서
가운데 왼쪽 정렬 요소를 저장하고
불러와서 간편하게 활용할 수 있다.
(* 본문의 "파일 다운로드"에서 다운가능)
* 테두리나 넓이를 조정하려면
HTML모드로 진입해서 직접 수정해줘야 함.
[ 참고자료 ]
개비스콘 - 나무위키
이 저작물은 CC BY-NC-SA 2.0 KR에 따라 이용할 수 있습니다. (단, 라이선스가 명시된 일부 문서 및 삽화 제외) 기여하신 문서의 저작권은 각 기여자에게 있으며, 각 기여자는 기여하신 부분의 저작권
namu.wiki
불-편, 편-안 짤 출처
블로그 본문 글 텍스트 가운데 정렬 vs 왼쪽 정렬
홍라이크에요. 블로그 본문 텍스트 가운데 정렬이 좋은지 왼쪽 정렬이 좋은지에 대한 이야기를 간혹 들어요...
blog.naver.com
HTML-CSS] 텍스트 중앙(가운데) 정렬, 양쪽/우측/좌측 맞춤 태그; Text Align Tag
텍스트나 문단은 기본적으로 "왼쪽 맞춤"입니다. 즉, 왼쪽에 찰싹 붙어 있습니다. 이것을 가운데나 오른쪽 또는, 워드프로세서처럼 "양쪽 맞춤"으로 정렬하는 방법입니다. text-align 이라는 CSS 속
mwultong.blogspot.com
[CSS] Margin, Padding 차이점과 사용법 정리
CSS를 익히기 시작할 때 가장 먼저 배우는게 margin(마진)과 padding(패딩) 같은데, 마진과 패딩의 차이점 및 사용방법을 정리해보겠다.margin: Object와 화면과의 여백(외부여백)padding: Object 내의 내부여
velog.io
🔎 html entities: Google 검색
www.google.com
댓글