CSS로 div의 너비를 설정하는 방법-CSS 튜토리얼-php.cn

집

웹 프론트엔드

CSS 튜토리얼

CSS로 div의 너비를 설정하는 방법

May 18, 2021 pm 04:26 PM

css div 너비

CSS로 div의 너비를 설정하는 방법은 div에 너비 속성을 추가하고 속성 값을 [너비:100px;]과 같이 적절한 값으로 설정하는 것입니다. [너비:50%;]와 같이 div의 너비 백분율을 설정할 수도 있습니다.

CSS로 div의 너비를 설정하는 방법

이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터.

사실, 요소의 너비를 설정하는 데 사용되는 CSS의 너비 속성이 미리 만들어져 있기 때문에 div의 너비를 설정하는 것은 매우 간단합니다.

속성 값:

auto 기본값. 브라우저는 실제 너비를 계산할 수 있습니다.
length px, cm 및 기타 단위를 사용하여 너비를 정의합니다.
% 포함 블록(상위 요소)의 너비를 기준으로 너비를 백분율로 정의합니다.
inherit는 너비 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.

샘플 코드:

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt; 
&lt;title&gt;&lt;/title&gt; 
&lt;style&gt;
img.normal
{
	height:auto;
}
img.big
{
	height:120px;
}
p.ex
{
	height:100px;
	width:100px;
}
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;img class=&quot;normal&quot; src=&quot;logocss.gif&quot; width=&quot;95&quot; height=&quot;84&quot; /&gt;&lt;br&gt;
&lt;img class=&quot;big&quot; src=&quot;logocss.gif&quot; width=&quot;95&quot; height=&quot;84&quot; /&gt;
&lt;p class=&quot;ex&quot;&gt;这个段落的高和宽是 100px.&lt;/p&gt;
&lt;p&gt;这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

로그인 후 복사

관련 영상 공유: css 영상 튜토리얼

위 내용은 CSS로 div의 너비를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.