열 너비 지정

· 8년 전 · 1756

열 너비 지정


이 column-width속성은 열의 제안 된 최적 너비를 지정합니다.


다음 예에서는 제안 된 최적의 열 너비를 100px로 지정합니다.


div {

    -webkit-column-width: 100px; /* Chrome, Safari, Opera */

    -moz-column-width: 100px; /* Firefox */

    column-width: 100px;

}




29b5537665e5f097b04e4f58349f6a2c_1505797068_0834.JPG
 



<!DOCTYPE html>

<html>

<head>

<style> 

.newspaper {

    -webkit-column-count: 3; /* Chrome, Safari, Opera */

    -moz-column-count: 3; /* Firefox */

    column-count: 3;

    -webkit-column-width: 100px; /* Chrome, Safari, Opera */

    -moz-column-width: 100px; /* Firefox */

    column-width: 100px;

}

</style>

</head>

<body>


<p><b>Note:</b> Internet Explorer 9, and earlier versions, does not support the column-width property.</p>


<div class="newspaper">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

</div>


</body>

</html>


|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
HTML 8년 전 조회 3,199
CSS 8년 전 조회 2,093
CSS 8년 전 조회 2,448
CSS 8년 전 조회 2,319
CSS 8년 전 조회 3,832
CSS 8년 전 조회 2,512
CSS 8년 전 조회 1,720
CSS 8년 전 조회 2,035
CSS 8년 전 조회 2,190
CSS 8년 전 조회 2,151
HTML 8년 전 조회 4,625
CSS 8년 전 조회 1,702
CSS 8년 전 조회 1,834
CSS 8년 전 조회 1,713
CSS 8년 전 조회 1,757
CSS 8년 전 조회 1,442
CSS 8년 전 조회 1,278
CSS 8년 전 조회 2,378
CSS 8년 전 조회 2,173
CSS 8년 전 조회 2,145
CSS 8년 전 조회 2,197
CSS 8년 전 조회 1,874
CSS 8년 전 조회 1,923
CSS 8년 전 조회 2,238
CSS 8년 전 조회 2,113
CSS 8년 전 조회 1,919
CSS 8년 전 조회 1,779
CSS 8년 전 조회 1,828
CSS 8년 전 조회 2,239
CSS 8년 전 조회 1,828