CSS와 JavaScript를 사용하여 다중 열 텍스트 레이아웃을 만드는 방법은 무엇입니까?

CSS와 JavaScript를 사용한 다중 열 텍스트 레이아웃

CSS를 사용하면 텍스트가 여러 열로 흐르는 신문과 같은 레이아웃을 만들 수 있습니다. 또는 JavaScript.

CSS 전용 솔루션

CSS만 사용하여 여러 열로 구성된 텍스트를 쉽게 만들려면 다음 코드를 활용하세요.

div.multi {
  column-count: 3;
  column-gap: 10px;
  column-rule: 1px solid black;
}

JavaScript 솔루션

JavaScript를 선호하는 경우 콘텐츠 div 내의 단락(

요소) 수를 추정한 다음 그 중 절반을 오른쪽으로 이동하는 솔루션을 고려해 보세요. 그러나 이 방법은 더 복잡하며 추가적인 JavaScript 전문 지식이 필요할 수 있습니다.

위 내용은 CSS와 JavaScript를 사용하여 다중 열 텍스트 레이아웃을 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!