css br行间距怎么设置？ - html中文网

2025-01-21

文章推薦指數： 80 %

投票人數：10人

在网页中我们经常会用到br标签来进行换行，
可插入一个简单的换行符。

那么我们该如何设置br的行间距呢？下面我们来看一下css设置br标签行间距的 ... 在网页中我们经常会用到br标签来进行换行，
可插入一个简单的换行符。

那么我们该如何设置br的行间距呢？下面我们来看一下css设置br标签行间距的方法。

css可以通过设置br标签所在文字的行间距来设置br标签的行间距。

.span1{ font-size:20px; line-height:3em; }

设置行间距效果：

桃之夭夭，灼灼其华。

之子于归，宜其室家。

桃之夭夭，有蕡其实。

之子于归，宜其家室。

桃之夭夭，其叶蓁蓁。

之子于归，宜其家人。

么有设置行间距效果：

桃之夭夭，灼灼其华。

之子于归，宜其室家。

桃之夭夭，有蕡其实。

之子于归，宜其家室。

桃之夭夭，其叶蓁蓁。

之子于归，宜其家人。

效果如下：line-height属性设置行间的距离（行高）。

注释：不允许使用负值。

说明该属性会影响行框的布局。

在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

line-height与font-size的计算值之差（在CSS中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。

可以包含这些内容的最小框就是行框。

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

属性值：normal默认。

设置合理的行间距。

number设置数字，此数字会与当前的字体尺寸相乘来设置行间距。

length设置固定的行间距。

%基于当前字体尺寸的百分比行间距。

inherit规定应该从父元素继承line-height属性的值。

推荐：css手册以上就是cssbr行间距怎么设置？的详细内容，更多请关注html中文网其它相关文章！赞(0)打赏未经允许不得转载：html中文网首页»CSS3答疑上一篇css如何控制图片位置？下一篇css边框线透明怎么设置？相关文章css链接间距怎么设置？css怎样让li间距增大？css中p间距怎么设置？css怎么让文字有行间距？评论抢沙发取消有人回复时邮件通知我提交评论昵称昵称(必填)邮箱邮箱(必填)网址网址常见问题HTML5答疑CSS3答疑JavaScript答疑JSON答疑jQuery答疑Angular.js答疑Node.js答疑React答疑Vue.js答疑前端答疑其他答疑热门搜索：ipadwps行间距怎么设置wps设置行间距行间距30磅怎么设置wps中行间距怎么设置行间距23磅怎么设置置顶推荐为什么红米k40游戏增强版？2022-02-04猜你喜欢像素和厘米怎么换算？2019-12-05mm单位是什么？2019-08-26px和厘米怎么换算？2019-12-03css中如何让表格居中？2019-09-19CSSauto是什么意思？2019-10-25px是什么单位？2019-08-19长度单位有哪些？2019-08-22css如何让字体加粗？2019-09-21相关教程章节使用CSS3文本属性使用CSS3用户界面及透明和旋转属性使用CSS3过渡属性使用CSS3渐变、倒影属性推荐视频教程CSS教程手册（新）2018-12-10学习人数(122587)CSS3教程手册（新）2018-12-13学习人数(4632)CSS3极速入门2018-12-17学习人数(7175)前端开发相关广告投放更专业更精准联系我们觉得文章有用就打赏一下文章作者支付宝扫一扫打赏微信扫一扫打赏