方法一：内嵌样式(为了方便查看效果我给这个段落加了个红色的边框)
方法二：内链样式(为了方便查看效果我给这个段落加了个蓝色的边框)
方法三：外链样式，同方法二，只不过将样式新建一个文件引入即可
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<title>无标题文档</title>
<style>
.duangao{
height:100px border:1px solid #00f
}
</style>
</head>
<body>
方法一内嵌样式(为了方便查看效果我给这个段落加了个红色的边框)：
<p style="height:100px border:1px solid #f00">这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.</p>
方法二内链样式(为了方便查看效果我给这个段落加了个红色的边框)：
<p class="duangao">这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.这是一段文字，这是一段文字，测试文字的高度.</p>
方法三外链样式，同方法二，只不过将样式新建一个文件引入即可
</body>
</html>
最终效果图如下：
如果想使单行文字垂直居中，即文字不多，将行高和段落设为一样的数值即可。如：height:100pxline-height:100pox
IE6下默认的字体尺寸大致在 12 - 14px 之间。
强制定义该 div 的字体尺寸<div id="test1" style=" background-color:#FFCCCCwidth:400pxclear:bothfont-size:0"></div>。
<html>
<head>
<style>
#container{height:100%border:solid 1px redwidth:100%}
#top{margin-top:1pxheight:80pxborder:solid 1px green}
#down{margin-top:1pxheight:89%border:solid 1px silver}
#left{height:100%border:solid 1px blackmargin:1pxwidth:200pxfloat:left}
#right{border:solid 1px #0aamargin:1pxheight:100pxwidth:40px}
</style>
</head>
<body>
<table id='container'>
<tr><td>
<div id='top'></div>
<div id='down'>
<div id='left'></div>
<div id='right'>canHaveHTML 获取表明对象是否可以包含丰富的 HTML 标签的值。
扩展资料：
<div>标签定义 HTML 文档中的分隔（DIVision）或部分（section）。div属于web前端的学习内容，其中<div>标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。<div>可定义文档中的分区或节（division/section）。
<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
参考资料来源：百度百科-DIV
line-height:1.5这个的意思是行高是字体高度的1.5倍，因此它相当于多少px，取决于字体的大小，比如说字体是20px，那么行高就是30px（也就是说行距是10px）
