CSS3에서 열의 너비를 다르게 설정할 수 있나요?

CSS3에서 열 너비 사용자 정의

질문:

CSS3에서 열 너비를 다르게 지정할 수 있습니까?

토론:

CSS3에서 열 너비 속성은 다중 열 레이아웃에서 여러 열의 너비를 설정합니다. 그러나 모든 열에 대해 단일 값만 정의할 수 있습니다. 이는 모든 열의 너비가 동일하다는 것을 의미합니다.

예:

2열 레이아웃에 대해 다음 HTML 마크업을 고려하세요.

<code class="html"><div style="-webkit-column-count: 2;
            -webkit-column-rule: 1px solid black;
            -webkit-column-width: 80px;
             margin-left:20px;margin-top:20px;">
    <div id="picturebox">picture box</div>
    <div id="nme">name</div>
</div></code>

이 예에서 "그림 상자"와 "이름" div의 너비는 모두 80px로 동일합니다.

답변:

아니요, CSS3에서는 열에 대해 서로 다른 너비를 지정할 수 없습니다.

column-width 속성은 동일한 열 사이에 균등하게 흐르는 콘텐츠를 위해 설계되었습니다. 열에 서로 다른 너비를 할당하면 콘텐츠 흐름이 중단되고 일관성 없는 레이아웃이 생성됩니다.

위 내용은 CSS3에서 열의 너비를 다르게 설정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!