여러 DIV를 사용하지 않고 CSS가있는 열?

https://stackoverflow.com/questions/1603222

05-07-2019
|

문제

텍스트가 모두 떠 다니면서 4 개의 열을 얻고 싶습니다. 나는 4 개의 별도를 만들고 싶지 않다 divs, 텍스트가 가득 찬 첫 번째 열이기 때문에 텍스트는 다음 열에서 계속해야합니다.

또한 각 열의 너비와 사이의 패딩을 설정하고 싶습니다. 또한 텍스트의 양에 따라 높이가 유연해야합니다.

아이디어가 있습니까?

해결책

이 기사 (11 개의 클래식 CSS 기술은 CSS3로 미친 단순한 기술) Mozilla 및 WebKit 특성을 사용하여이를 수행하는 방법을 보여줍니다. 이와 같은 열은 목록의 항목 번호 9입니다.

즉, CSS3 지원을 기다리거나와 같은 스크립트를 사용해야합니다. jQuery 플러그인을 칼럼화합니다 기사에 언급되었습니다.

다른 팁

이것은 달성하기가 매우 어렵고 HTML이 설계된 방식이 아닙니다. 권장 접근법은 모든 텍스트를 단일 HTML 요소 (Div 또는 P 등) 및 브라우저에서 렌더링하는 것입니다. 사전 결정된 "우선 높이"및 열 수와 관련하여 내용 및 마크 업을 동적으로 변경합니다. jQuery의 높이 () 메소드를 사용하여 도움을 줄 수 있습니다.

여기에 있습니다 일부 토대와 함께 스크립트.

an 향후 지원을 설명하는 기사 CSS3에서 사용할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow