컴

Text Alignment

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

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,538
CSS 17-02-20 조회 2,769
CSS 17-02-19 조회 1,991
CSS 17-02-19 조회 2,849
CSS 17-02-19 조회 2,171
CSS 17-02-17 조회 2,261
CSS 17-02-17 조회 2,363
CSS 17-02-17 조회 2,357
CSS 17-02-14 조회 3,272
CSS 17-02-14 조회 2,316
CSS 17-02-14 조회 2,396
CSS 17-02-13 조회 2,333
CSS 17-02-13 조회 2,208
HTML 17-02-13 조회 2,621
CSS 17-02-07 조회 2,555
CSS 17-02-07 조회 2,397
CSS 17-02-07 조회 2,670
CSS 17-02-06 조회 2,468
CSS 17-02-06 조회 2,189
CSS 17-02-06 조회 2,309
CSS 17-02-04 조회 2,514
CSS 17-02-04 조회 2,369
CSS 17-02-04 조회 2,811
CSS 17-02-03 조회 2,811
CSS 17-02-03 조회 2,396
CSS 17-02-03 조회 2,030
CSS 17-02-02 조회 2,650
CSS 17-02-02 조회 2,341
CSS 17-02-02 조회 2,990
CSS 17-01-31 조회 2,326