多语言展示
当前在线:523今日阅读:168今日分享:49

css设置行距离

设置行间距只需要用到一个line-height属性即可,可以设置行间距比较大,也可以设置比较小。
方法/步骤
1

新建一个html文件。如图:

3

保存html文件后使用浏览器打开,我们可以看到没有设置时文本的行距离。如图:

4

设置行间距变大。在标签后面新建一个<style>标签,然后在<style>标签里面设置行间距为35px:<style> p{ line-height: 14px; } </style>如图:</p></div><div class="listcon"><span>5</span><p>保存html代码后,使用浏览器打开发现行间距变大了。如图:</p></div><div class="listcon"><span>6</span><p>设置行间距变小。把line-height修改为14px<style> p{ line-height: 14px; } </style>如图:</p></div><div class="listcon"><span>7</span><p>保存html代码后,使用浏览器打开发现行间距变小了。如图:</p></div><div class="listcon"><span>8</span><p>把以下代码复制到新建的html文件,保存后使用浏览器运行即可看到效果所有代码:<!DOCTYPE html><html><head><meta charset='UTF-8'><title>css设置行距离

行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行行

推荐信息