css中怎么设置一段文字的高度

html-css010

css中怎么设置一段文字的高度,第1张

方法一：内嵌样式(为了方便查看效果我给这个段落加了个红色的边框)

方法二：内链样式(为了方便查看效果我给这个段落加了个蓝色的边框)

方法三：外链样式，同方法二，只不过将样式新建一个文件引入即可

<!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

88%/1.4

88% 为字体大小，这个字体大小是相对于父级字体的大小，如，如果父级的大小为

14px 那么这里的大小就为：14*88% 这个大小

后面的 1.4 为1.4倍的行高。

以上……