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
相关文章

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