순서가 지정되지 않은 목록을 두 개의 열로 표시하는 방법
순서가 지정되지 않은 목록을 두 개의 열로 표시하려면 브라우저에 따라 여러 가지 접근 방식이 있습니다. 호환성 요구 사항.
현대 브라우저:
CSS3은 여러 열 레이아웃을 쉽게 생성할 수 있는 열 모듈을 제공합니다. 다음 CSS 코드를 사용하면 목록을 두 개의 열로 나눌 수 있습니다.
1 2 3 |
|
레거시 브라우저:
Internet Explorer는 CSS3 열 모듈을 지원하지 않습니다. IE의 경우 목록을 열로 동적으로 재구성하려면 JavaScript 코드 솔루션이 필요합니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
참고: JavaScript 코드는 처음에 열을 다음과 같이 정렬합니다.
OP의 요청에 따라 가로로 정렬하려면:
updateColumns() 함수를 다음과 같이 수정합니다.
1 2 3 4 5 6 7 8 9 10 |
|
위 내용은 CSS와 JavaScript를 사용하여 2열의 정렬되지 않은 목록을 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!