CSS3를 사용하여 텍스트를 여러 열로 정렬하는 방법은 무엇입니까?

텍스트를 여러 열로 분할하려면 CSS3의 "column-count" 속성을 사용합니다. 이 속성은 HTML 요소의 내용을 지정된 수의 열로 나누는 데 사용됩니다. 여기서는 두 가지 다른 예를 사용하여 텍스트를 2열과 3열로 정렬하는 CSS의 "열 개수" 속성을 적용하는 방법을 보여줍니다.

문법

으아악

여기서 "n"은 양의 정수로, 텍스트를 정렬하려는 열 수를 나타냅니다.

예제 1

의 중국어 번역은 다음과 같습니다.

예제 1

이 예에서는 CSS3 “column-count” 속성을 사용하여 “p” 태그의 내용을 3개의 열로 나눕니다.

으아악

예 2

의 중국어 번역은 다음과 같습니다.

예 2

이 예에서는 CSS3 “column-count” 속성을 사용하여 “p” 태그의 내용을 두 개의 열로 나눕니다.

으아악

결론

이 기사에서는 "column-count" 속성이 무엇인지, CSS3를 사용하여 텍스트를 여러 열로 정렬하는 방법을 배웠습니다. 첫 번째 예에서는 "column-count" 속성을 3으로 설정하여 텍스트를 3개의 열로 정렬하고, 두 번째 예에서는 "column-count" 속성을 2에서 3개의 열로 설정하여 텍스트를 정렬합니다.

위 내용은 CSS3를 사용하여 텍스트를 여러 열로 정렬하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!