컴

Text Alignment

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

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,550
CSS 17-02-20 조회 2,796
CSS 17-02-19 조회 2,003
CSS 17-02-19 조회 2,860
CSS 17-02-19 조회 2,183
CSS 17-02-17 조회 2,270
CSS 17-02-17 조회 2,373
CSS 17-02-17 조회 2,366
CSS 17-02-14 조회 3,283
CSS 17-02-14 조회 2,323
CSS 17-02-14 조회 2,403
CSS 17-02-13 조회 2,341
CSS 17-02-13 조회 2,221
HTML 17-02-13 조회 2,630
CSS 17-02-07 조회 2,563
CSS 17-02-07 조회 2,410
CSS 17-02-07 조회 2,679
CSS 17-02-06 조회 2,479
CSS 17-02-06 조회 2,199
CSS 17-02-06 조회 2,320
CSS 17-02-04 조회 2,525
CSS 17-02-04 조회 2,380
CSS 17-02-04 조회 2,830
CSS 17-02-03 조회 2,820
CSS 17-02-03 조회 2,407
CSS 17-02-03 조회 2,044
CSS 17-02-02 조회 2,660
CSS 17-02-02 조회 2,352
CSS 17-02-02 조회 3,001
CSS 17-01-31 조회 2,337