컴

Text Alignment

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

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,531
CSS 17-02-20 조회 2,759
CSS 17-02-19 조회 1,988
CSS 17-02-19 조회 2,844
CSS 17-02-19 조회 2,168
CSS 17-02-17 조회 2,257
CSS 17-02-17 조회 2,359
CSS 17-02-17 조회 2,352
CSS 17-02-14 조회 3,268
CSS 17-02-14 조회 2,312
CSS 17-02-14 조회 2,393
CSS 17-02-13 조회 2,330
CSS 17-02-13 조회 2,204
HTML 17-02-13 조회 2,615
CSS 17-02-07 조회 2,550
CSS 17-02-07 조회 2,393
CSS 17-02-07 조회 2,664
CSS 17-02-06 조회 2,459
CSS 17-02-06 조회 2,184
CSS 17-02-06 조회 2,306
CSS 17-02-04 조회 2,506
CSS 17-02-04 조회 2,364
CSS 17-02-04 조회 2,807
CSS 17-02-03 조회 2,804
CSS 17-02-03 조회 2,391
CSS 17-02-03 조회 2,026
CSS 17-02-02 조회 2,644
CSS 17-02-02 조회 2,336
CSS 17-02-02 조회 2,987
CSS 17-01-31 조회 2,321