2、在<head>标签里创建一个<style>标签，然后设置使big类的line-height属性，该属性就是用来设置行间距的：
3、按下crtl+S保存页面，在软件右侧的浏览器，可看到页面上big类的div标签里的行间距变大了。以上就是设置html行间距的办法：首先：给左侧div高度值（height:140px）
原因：为什么呢？height就是控制div高度的标签，所以给个140的值就可以了
比如：
<div class="left" style="height:140px">内容</div>
left是定义左边的元素
所以：只要给左侧div高度值（height:140px）就可以了
固定高度html源代码：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title>固定高度</title>
<style>
div-height{border:1px solid #F00; width:300px; height:200px}
</style>
</head>
<body>
<div class="div-height"></div>
</body>
</html>
最小高度min-height实例代码：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title>最小高度</title>
<style>
div-height{border:1px solid #F00; width:300px; min-height:200px}
</style>
</head>
<body>
<div class="div-height"></div>
</body>
</html>
最大高度html代码：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title>最大高度</title>
<style>
div-height{border:1px solid #F00; width:300px; max-height:200px}
</style>
</head>
<body>
<div class="div-height">
<p>DIVCSS5</p>
<p>DIVCSS5</p>
<p>DIVCSS5</p>
<p>DIVCSS5</p>
<p>DIVCSS5</p>
<p>DIVCSS5</p>
<p>你好</p>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）