css如何设置行距
时间:2021-04-18
来源:互联网
标签:
今天PHP爱好者给大家带来在css中,可以使用line-height属性来设置行间距,语法为“line-height:数值;”;该属性用于设置行间的距离,它的值越大,行间距就越高。line-height属性的值可以设置为相对数值,也可以设置为绝对数值。希望对大家有所帮助。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
Line-height的值设置为具体的数值,可以是相对数值,也可以设置为绝对数值,在静态页面中,文字大小固定时常常使用绝对数值,而对于论坛和博客这些用户可以自定义字体大小的页面,通常设置为相对数值,从而,可以随着用户自定义的字体大小改变相应的行间距。
下面我们就来看看css中利用行高line-height来设置行间距的代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
span {
font-size: 20px;
line-height: 2em;
}
</style>
</head>
<body>
<span>
桃之夭夭,灼灼其华。之子于归,宜其室家。<br>
桃之夭夭,有蕡其实。之子于归,宜其家室。<br>
桃之夭夭,其叶蓁蓁。之子于归,宜其家人。
</span>
</body>
</html>
css设置行间距的效果如下:
以上就是css如何设置行距的详细内容,更多请关注php爱好者其它相关文章!
-
503 Service Unavailable是什么意思?出现的原因及解决方案 时间:2025-10-17
-
Java中-Xms和-Xmx参数设置和区别 时间:2025-10-17
-
网站banner是什么意思 网站banner制作步骤教程 时间:2025-10-17
-
什么是内容安全 内容安全涉及的核心技术有哪些 时间:2025-10-17
-
IDC机房运维是做什么?IDC机房运维面试题 时间:2025-10-17
-
什么是MAC地址?它的作用是什么?如何接收数据? 时间:2025-10-17
今日更新
-
食堂梗是什么梗?揭秘高校食堂暗号文化,学生秒懂的爆笑日常!
阅读:18
-
食物梗是什么梗?揭秘网络爆火美食暗号,看完秒懂年轻人社交黑话!
阅读:18
-
想知道食指相碰是什么梗吗?揭秘这个爆火手势背后的隐藏含义!
阅读:18
-
燕云十六声武学流派手法教学-裂石钧三种手法轴
阅读:18
-
新月同行正乌托邦版本23号将开启--全新活动来袭
阅读:18
-
明日方舟16章主线反常光谱-H关摆完挂机
阅读:18
-
三角洲行动战场畅玩月开启-多个免费福利活动进行中
阅读:18
-
物华弥新器者焕彰-洛神赋图夜行铜牌焕彰养成总结
阅读:18
-
远光84铸梦千年外观实录发布-系列外观现已上架
阅读:18
-
无限暖暖奇迹之冠巅峰赛-十月第二期搭配通关
阅读:18