css设置行间距

  • 原创
  • |
  • 浏览：28485
  • |
  • 更新：
  • |
  • 标签：CSS 
  • css设置行间距1
  • css设置行间距2
  • css设置行间距3
  • css设置行间距4
分步阅读

css提供了一个设置行间距的line-height属性，可以通过line-height设置每行文字的距离。

语法：line-height: 300%;

css设置行间距

方法/步骤

  1. 1

    打开html开发工具，新建一个html代码页面，然后在这个html页面输入两个<div>同时设置一些文字，对其中一个<div>添加一个class类为big用于设置行高。

    创建<div>代码：

    <div>

    这是一个标准行高的段落。<br>

    这是一个标准行高的段落。<br>

    这是一个标准行高的段落。<br>

    </div>

    <br />

    <div class="big">

    这是一个更大行高的段落。<br>

    这是一个更大行高的段落。<br>

    这是一个更大行高的段落。<br>

    </div>

    css设置行间距
  2. 2

    设置行高。在<title>标签后面创建一个<style>标签，然后使用line-height设置big类的行高。

    css样式代码：

    <style type="text/css">

    .big{

    line-height: 300%;

    }

    </style>

    css设置行间距
  3. 3

    保存html页面，使用浏览器打开，即可看到浏览器页面上含有big类的div标签里的行间距变大了。

    css设置行间距
    END
  4. 3
    本页面未经授权抓取自百度经验
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签CSS