首 页 行业热点 新车 试驾评测 养车用车 车型库

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

发布网友 发布时间:2022-04-21 03:11

我来回答

8个回答

热心网友 时间:2022-04-16 05:55

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

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

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

<!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>
.angao{
height:100px; border:1px solid #00f;
}
</style>
</head>

<body>

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

<p style="height:100px; border:1px solid #f00;">这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.</p>

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

<p class="angao">这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.这是一段文字,这是一段文字,测试文字的高度.</p>

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

</body>
</html>

最终效果图如下:

如果想使单行文字垂直居中,即文字不多,将行高和段落设为一样的数值即可。如:height:100px;line-height:100pox;

热心网友 时间:2022-04-16 07:13

字的高度?

font-size:1-100;可以控制字额高度

line-height:1-100;可以控制2行文字间的垂直间距(一行也可以控制自己试试)

height:1-100;可以控制P或h1-h6与 其他容器之间的高度

不知道你需要那一种呢?

热心网友 时间:2022-04-16 08:47

利用line-height属性
例如:line-height:32px,即为字符行高32像素

热心网友 时间:2022-04-16 10:39

line-height 属性设置行间的距离(行高)。

注释:不允许使用负值。
说明

该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

原始数字值指定了一个缩放因子,后代元素会继承这个缩放因子而不是计算值。

line-height:50px;

热心网友 时间:2022-04-16 15:11

line-height: 高度px;

热心网友 时间:2022-04-16 17:53

font-size/line-height 规定字体尺寸和行高
另外css中关于文字的设置还有以下属性:
font-style 规定字体样式。参阅:font-style 中可能的值。
font-variant 规定字体异体。参阅:font-variant 中可能的值。
font-weight 规定字体粗细。参阅:font-weight 中可能的值。
font-family 规定字体系列。参阅:font-family 中可能的值。
caption 定义被标题控件(比如按钮、下拉列表等)使用的字体。
icon 定义被图标标记使用的字体。
menu 定义被下拉列表使用的字体。
message-box 定义被对话框使用的字体。
small-caption caption 字体的小型版本。
status-bar 定义被窗口状态栏使用的字体。

热心网友 时间:2022-04-16 20:51

line-height:36px

热心网友 时间:2022-04-17 00:05

line-height:12px

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com