CSS行间距怎么设置

上周，我在做网页布局的时候发现，几大段文字挤在一起确实不好看。
得，我就研究了下怎么设置行间距。

在CSS里，没有直接设置行间距的属性，得用行高line-height。
行高值越大，行间距就越高。
这行高可以是具体数值，相对的，也可以是绝对的。
静态页面常用绝对数值，论坛博客这些用户可以改字体大小的，通常用相对数值。

我举个例子，看看CSS里怎么用行高设置行间距：

<head>
<title></title> </head> <body> 桃之夭夭，灼灼其华。
之子于归，宜其室家。

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

桃之夭夭，其叶蓁蓁。
之子于归，宜其家人。
 </body> </>
效果就是文字不会挤在一起，看起来舒服多了。

这文章就到这里了，想看更多内容，你看着办。

css如何设置行间距？css文本文字的行间距设置（代码实例）

哈，你这么一说，设置行间距其实还挺简单的。
上周有个客人问我怎么调整网站上的行间距，我就给他解释了一下。

首先，你要知道CSS里有一个叫line-height的属性，这个属性就是用来控制行间距的。
它的工作原理是这样的：它会根据你设置的line-height值和font-size的值来计算行间距。

比如，如果你说line-height: 1 .5 ;，那行间距就是font-size的1 .5 倍。
如果你用像素值，比如line-height: 2 0px;，那行间距就是2 0像素。

接下来，我给你举个例子：
1 . 数值设置行间距：如果你直接写line-height: 1 .2 ;，这就意味着行间距是字体大小的1 .2 倍。

2 . 使用像素值设置行间距：如果你想用像素值，直接写line-height: 3 0px;，这样就设置了固定的行间距。

3 . 使用百分比设置行间距：如果你想要行间距相对于字体大小来设置，可以写line-height: 1 2 0%;，这意味着行间距是字体大小的1 2 0%。

总之，通过line-height属性，你可以很灵活地调整行间距，让网页看起来更舒服。
反正你看着办吧，这东西关键还是看个人喜好。
我还在想这个问题，怎么用这个属性来更好地控制不同设备上的行间距，不过先这样吧，先用这些方法试试看。

如何用CSS代码改变行间距

行间距啊，就是行跟行之间的距离，CSS里弄这个特简单，就一个属性：line-height。

比如说用百分比吧，line-height:9 0%，这意思就是行间距是当前字号的9 0%。
你要是写line-height:2 00%，那行间距就是字号的两倍。
你看，特直白。

或者用像素值，直接写数字就行。
line-height:1 0px，行间距就1 0像素。
line-height:3 0px，那行间距就3 0像素。
这个就好懂，像素就是屏幕上的点，写多大，间距就有多大。

还有一种是写数值，比如line-height:0.5 ，行间距就是字号的一半。
line-height:2 ，行间距就是字号的2 倍。
这个也好理解，就是个比例，乘以字号大小就行。

除了行间距，CSS里还有调整文本样式的办法。

比如文本对齐，用text-align属性。
text-align:center，文本就居中。
text-align:left，文本就左对齐。
这个用得多。

还有文本大小写，用text-transform。
text-transform:uppercase，文本全大写。
text-transform:lowercase，文本全小写。
这个也用得着。

再有就是文本不换行，用white-space:nowrap。
白话就是文本连着写，不换行。
这个在表单或者特别窄的容器里特有用。

反正就这么些方法，调整文本样式，搞网页的时候经常用。