CSS基础之尺寸属性

最新推荐文章于 2022-07-21 16:27:34 发布

万万君

最新推荐文章于 2022-07-21 16:27:34 发布

阅读量302

点赞数 1

分类专栏：笔记 HTML CSS 文章标签： html css

本文链接：https://blog.csdn.net/devin_xin/article/details/105106131

版权

笔记同时被 3 个专栏收录

80 篇文章 0 订阅

订阅专栏

HTML

35 篇文章 0 订阅

订阅专栏

CSS

24 篇文章 0 订阅

订阅专栏

CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度和增加行间距。

CSS 尺寸 (Dimension)属性

属性	描述
height	设置元素的高度
line-height	设置行高
max-height	设置元素的最大高度
max-width	设置元素的最大宽度
min-height	设置元素的最小高度
min-width	设置元素的最小宽度
width	设置元素的宽度

代码实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
img.normal
{	
height:auto;
}
img.big
{	
height:20%;
}
p.ex
{	
max-height:50px
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="demo.png" width="95" height="84" />
<br>
<img class="big" src="demo.png" width="95" height="84" />
<p class="ex">The height and width of this paragraph is 100px.</p>
<p>This is some text in a paragraph. This is some text in a paragraph.This is some text in a paragraph. This is some text in a paragraph.This is some text in a paragraph. This is some text in a paragraph.</p>
</body>
</html>