网站制作教程:CSS 高度和宽度属性

你的网络首码项目网 网站建设来源:你的网络首码项目网评论35字数 698阅读模式

CSS包含高度和宽度属性,可帮助您指定元素的大小。

height和属性width

适用于除未替换的内联元素、表列和列组之外的所有HTML元素。文章源自你的网络首码项目网-https://www.youranweb.com/256.html

您可以使用固定高度(即像素)或百分比高度。有关详细信息,请参阅高度和宽度。文章源自你的网络首码项目网-https://www.youranweb.com/256.html

<!DOCTYPE html>
<title>Example</title>
<style>
  div {
    height: 150px;
    width: 75px;
    background-color: gold;
  }
</style>

<div>
  此 div 应用了高度和宽度。
</div>

max-height和属性max-width

使您能够将元素的高度和/或宽度限制为最大值。有关详细信息,请参阅最大高度和最大宽度。文章源自你的网络首码项目网-https://www.youranweb.com/256.html

<!DOCTYPE html>
<title>Example</title>
<style>
  div {
    max-height: 150px;
    max-width: 75px;
    background-color: gold;
  }
</style>

<div>
  此 div 应用了“最大高度”和“最大宽度”。
</div>

min-height和属性min-width

使您能够将元素的高度和/或宽度限制为最小值。有关详细信息,请参阅最小高度和最小宽度文章源自你的网络首码项目网-https://www.youranweb.com/256.html

<!DOCTYPE html>
<title>Example</title>
<style>
  div {
    min-height: 150px;
    min-width: 75px;
    background-color: gold;
  }
</style>

<div>
  此 div 应用了“最小高度”和“最小宽度”。
</div>

请注意,高度和宽度可能会受到边框和填充的影响。我们将在本教程的后面部分对此进行介绍,并向您展示如何处理此问题。文章源自你的网络首码项目网-https://www.youranweb.com/256.html

文章源自你的网络首码项目网-https://www.youranweb.com/256.html文章源自你的网络首码项目网-https://www.youranweb.com/256.html
相关文章
weinxin
你的网络首码项目网站长
本站旨在为广大网友提供一个免费、公开且和谐的互联网项目交流平台,所有文章均来自网络和网友投稿,不代表本站任何立场,请勿盲目下载注册参与,以免为您带来不必要的损失。
你的网络首码项目网

发表评论