css设置行间距，css中上下间距
大家好,今天小编来为大家解答以下的问题，关于css设置行间距，css中上下间距这个很多人还不知道，现在让我们一起来看看吧！
css行间距怎么设置
CSS指的是层叠样式表，可以用CSS来修改网页的格式。下面，我们来看看css行间距怎么设置吧。
输入代码在<body>主体中输入两行文字，如下图所示：
然后再用<br/>分段，如下图所示：
再输入type样式表，主要是用来放CSS代码内容的，如下图所示：
输入CSS内容
然后再输入CSS内容，即可看到行间距变化，如下图所示：
总代码
<style type="text/css">
body{font-size:12pt;line-height:3}
</style>
</head>
<body>
<body>
hello world 01<br/>
hello world 02
</body>
html如何设置行间距
在工作和学习中我们都经常用到Word文档，在Word文档中设置行距可以让文字排版更加美观，很多用户还不知道怎么设置行间距，本期视频就来告诉大家如何在Word文档中设置行间距，一起来看看吧。
首先打开需要设置行间距的Word文档，用鼠标选中要设置行间距的文本，右击鼠标，选择段落，在间距中根据需求选择段前段后的行数，点击行距下方的三角形，选择行距，点击确定，单击鼠标，行间距就设置成功了。
扩展
html如何设置行间距
方法一、让整个网站的行距变化,将下面的代码添加到head的中间:这样是整个页面行距增加了原来的2倍。你也可以设置line-、line-等等方法。方法二、只是让部分网站页面的内容行距增加:用table布局就用这个,变化line-height的数值。用div布局就用这个,变化line-height的数值。方法三、将这个设置在外部,我们常用的css调用,这样所有页面都会有统一的页面。
CSS里可以设置段落的距离吗
1.1、line-height为20px案例，DIV+CSS代码：
2.行高line-height实现段落间距
分别设置20px和50px行高样式案例，对比发现不同行高值，段落上下间距也产生不同距离，所以使用line-height可以设置段落间距距离，但这里不推荐使用line-height设置段落之间间距。
二、css padding内补白（内边距）
可以推荐使用padding设置段落上下间距。通过设置上下内补白，内距离即可实现p段落上下间距设置。
关键字：p{padding:10px 0}
接下来DIVCSS5以案例演示CSS段落上下距离设置。
1、设置上下内补白为10px(padding:10px 0)完整css+div代码：
2.添加如下属性到关联的css文件里：
p{
padding: 0;
margin: 0;
}
然后在指向段落的样式属性里添加以下css代码：
margin-bottom: 20px;
数值可自由设定。
3.设定文字内容
标签的margin-top和margin-bottom值，前提是你的段落是用<P>标签进行分段的，而不是单纯的<br/>。
如果你还想了解更多这方面的信息，记得收藏关注本站。