[分享]css两个行之间的间距怎么写

在CSS中，两个行之间的间距其实也就是我们常说的“行间距”。在一些排版设计中，行间距会起到非常重要的作用，不同的间距会影响到整个页面的视觉效果，也会影响到用户的体验。那么，如何在CSS中控制行间距呢？...

在CSS中，两个行之间的间距其实也就是我们常说的“行间距”。在一些排版设计中，行间距会起到非常重要的作用，不同的间距会影响到整个页面的视觉效果，也会影响到用户的体验。那么，如何在CSS中控制行间距呢？
CSS中可以通过line-height属性来控制行间距，该属性用于设置行框与行框之间的距离，其值可以是长度单位，百分数或者无单位数值，例如：
pre { 　　line-height: 1.5; /*设置行高为1.5倍*/ }
使用百分数的值时，会以当前元素的字体大小为基础。如果值为1，则表示每行高度为当前元素的字体大小，若当前元素的字体大小为16px，则1em=16px。
可以使用长度单位例如像素或者是em。相对于像素值而言，em长度单位更具有可扩展性，因为它们可以相对于浏览器的默认字体大小（通常情况下为1em或16px）进行设置。例如：
pre { 　　line-height: 24px; /*设置行高为24像素*/ } pre { 　　line-height: 1.2em; /*设置行高为当前元素字体大小的1.2倍*/ }
如果希望设置行框与行框之间的距离为固定的像素值，则可以使用margin-top和margin-bottom属性来实现。例如：
pre { 　　margin-top: 10px;/*上边距为10像素*/ 　　margin-bottom: 10px;/*下边距为10像素*/ }
通过控制行间距可以让网页在排版时更加优美，使得阅读页面的用户更加舒适。 推荐在编写CSS样式表时掌握好控制行间距的方法，以达到更好的排版效果。