html中给文章怎么设置行高,css如何设置行距？

在网页的布局中几大段文字挤在一起总归是不好看的，这时候我们就需要来设置行间距来让文字看起来不拥挤，也让整个页面看起来美观整洁，那么，行间距该如何设置呢？本篇文章就来给大家介绍一下css行间距的设置方法。

首先我们应该知道在css中并没有直接可以设置行间距的属性，所以我们就需要借助行高line-height来设置行间距，行高line-height的值越大，那么行间距就越高。

Line-height的值设置为具体的数值，可以是相对数值，也可以设置为绝对数值，在静态页面中，文字大小固定时常常使用绝对数值，而对于论坛和博客这些用户可以自定义字体大小的页面，通常设置为相对数值，从而，可以随着用户自定义的字体大小改变相应的行间距。

下面我们就来看看css中利用行高line-height来设置行间距的代码示例：

span {

font-size: 20px;

line-height: 2em;

}

桃之夭夭，灼灼其华。之子于归，宜其室家。

桃之夭夭，有蕡其实。之子于归，宜其家室。

桃之夭夭，其叶蓁蓁。之子于归，宜其家人。

css设置行间距的效果如下：

html中给文章怎么设置行高,css如何设置行距？相关推荐

html中链接颜色怎么不一样,css如何设置不同的超链接颜色
满意答案 bycdnl111 2013.06.30 采纳率:56% 等级:12 已帮助:22765人给每个a标签一个class类.然后分别给每个累设置不同的链接颜色,就可以了. 答案补充 a. ...
html p标签行间距怎么调,css怎么设置行距？
在网页的布局中几大段文字挤在一起总归是不好看的,这时候我们就需要来设置行间距来让文字看起来不拥挤,也让整个页面看起来美观整洁,那么,行间距该如何设置呢?本篇文章就来给大家介绍一下css行间距的设置方法 ...
HTML中设置行高的属性是,line-height属性(行高标签用法)
line-height属性 1.line-height特点设置行间的距离(行高),而行距离的尺寸分配是line-height与font-size的计算值之差(在CSS中成为"行距离" ...
html5设置单元格行高,单元格的行高怎么设置 EXCEL文档怎么统一设置行高
我要把有几行设置为同样的高度,可是一行一行的拉,太慢了. 在Excel中,如何设置表格最合适的行高.列宽? EXCEL中的单元格行高不够怎么调整可以自动调整,根据字的内容来调整: 请问怎么统一设置EX ...
html table设置行高_单元格的行高怎么设置 html语言怎么设置设置表格行高？
在Excel中,如何设置表格最合适的行高.列宽? 本次操作使用的软件为Excel电子表格,软件版本为office家庭和学生版2016. 小编只是难过不能陪你一起到老,再也没有机会,看到你的笑. 请问怎 ...
html设置字号行高,【HTML】自定义富文本设置行高
问题:由于设置行高没有类似设置字体或字体大小那样,比如设置字体样式 document.execCommand('styleWithCSS', false, true) document.execCom ...
div css文字字体行高行距深入理解css行间距设置
div css文字字体行高行距 DIVCSS5带您深入理解css行间距设置,字体行距如何最简单地设置. 在文章中,要实现调节设置每行文字字体间距(行距)是使用line-height属性. 要使得每行的 ...
html设置行高像素,css怎么设置行高？
网页中的行高用来设置一行一行的文字之间的行间距,行高就是如同网页中有看不见的线,这些文字都写在这些线中间,我们可以设置这些线的之间的距离,从而来控制文字之间的间距. 下面我们来看一下css如何设置行高 ...
android+listview设置行高,android – 无法在行xml中设置listView行高的高度
这是我的自定义适配器的getView方法: public View getView(int position, View convertView, ViewGroup viewGroup) { Sin ...

html中给文章怎么设置行高,css如何设置行距？

html中给文章怎么设置行高,css如何设置行距？相关推荐

最新文章

热门文章