컴

Text Alignment

· 2017-02-06 (월) 22:19:30 · 2456

Text Alignment

 

text-align 속성은 텍스트의 가로 맞춤을 설정하는 데 사용됩니다.

 

텍스트는 왼쪽 정렬이나 오른쪽 정렬, 중앙 정렬 또는 양쪽 맞춤이 가능합니다.

 

다음 예제에서는 가운데 정렬 및 좌우 정렬 텍스트를 보여줍니다 (텍스트 방향이 왼쪽에서 오른쪽 인 경우 왼쪽 맞춤이 기본값이고 텍스트 방향이 오른쪽에서 왼쪽 인 경우 오른쪽 정렬이 기본값 임).

 

Example

h1 {

    text-align: center;

}

 

h2 {

    text-align: left;

}

 

h3 {

    text-align: right;

}

 

 

 

 

text-align 속성이 "justify"로 설정되면 모든 행의 폭이 동일하고 잡지의 왼쪽 및 오른쪽 여백이 직선이되도록 각 행이 늘어납니다.

 

 

Example

div {

    text-align: justify;

}

 

 

 

6119aede4b1aba12649bdc72c42e7088_1486387169_1638.PNG
 

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

퍼블리셔팁

1,282건

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

+
분류 제목 글쓴이 날짜 조회
CSS 17-02-20 조회 2,530
CSS 17-02-20 조회 2,758
CSS 17-02-19 조회 1,988
CSS 17-02-19 조회 2,843
CSS 17-02-19 조회 2,168
CSS 17-02-17 조회 2,256
CSS 17-02-17 조회 2,358
CSS 17-02-17 조회 2,352
CSS 17-02-14 조회 3,268
CSS 17-02-14 조회 2,311
CSS 17-02-14 조회 2,392
CSS 17-02-13 조회 2,329
CSS 17-02-13 조회 2,203
HTML 17-02-13 조회 2,614
CSS 17-02-07 조회 2,549
CSS 17-02-07 조회 2,392
CSS 17-02-07 조회 2,662
CSS 17-02-06 조회 2,457
CSS 17-02-06 조회 2,184
CSS 17-02-06 조회 2,305
CSS 17-02-04 조회 2,505
CSS 17-02-04 조회 2,362
CSS 17-02-04 조회 2,806
CSS 17-02-03 조회 2,803
CSS 17-02-03 조회 2,389
CSS 17-02-03 조회 2,025
CSS 17-02-02 조회 2,644
CSS 17-02-02 조회 2,335
CSS 17-02-02 조회 2,986
CSS 17-01-31 조회 2,321