CSS로 div의 너비를 설정하는 방법은 div에 너비 속성을 추가하고 속성 값을 [너비:100px;]과 같이 적절한 값으로 설정하는 것입니다. [너비:50%;]와 같이 div의 너비 백분율을 설정할 수도 있습니다.
이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터.
사실, 요소의 너비를 설정하는 데 사용되는 CSS의 너비 속성이 미리 만들어져 있기 때문에 div의 너비를 설정하는 것은 매우 간단합니다.
속성 값:
auto 기본값. 브라우저는 실제 너비를 계산할 수 있습니다.
length px, cm 및 기타 단위를 사용하여 너비를 정의합니다.
% 포함 블록(상위 요소)의 너비를 기준으로 너비를 백분율로 정의합니다.
inherit는 너비 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.
샘플 코드:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="logocss.gif" width="95" height="84" /><br>
<img class="big" src="logocss.gif" width="95" height="84" />
<p class="ex">这个段落的高和宽是 100px.</p>
<p>这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本.</p>
</body>
</html>관련 영상 공유: css 영상 튜토리얼
위 내용은 CSS로 div의 너비를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
