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

WBOY
풀어 주다: 2023-08-23 13:29:02
앞으로
1169명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿