css行之间的间距可以使用line-height属性来进行调整。line-height(行高)属性的值越大,那么行间距就越高。

line-height属性用于设置行使用的空间量,即行间的距离(行高);不允许使用负值。line-height属性的值越大,那么行间距就越高。

示例:

.small {

line-height: 70%;

}

.big {

line-height: 200%;

}

.length {

line-height: 50px;

}

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

大多数浏览器的默认行高约为110%至120%。


这是一个更小行高的段落。
这是一个更小行高的段落。

这是一个更小行高的段落。

这是一个更小行高的段落。


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

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

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


这是一个固定行高的段落。
这是一个固定行高的段落。

这是一个固定行高的段落。

这是一个固定行高的段落。

效果图:

说明:

line-height属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。

line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

语法:line-height: normal|number|length|%;

属性值:normal:默认值,设置合理的行间距。

number:设置无单位数字,此数字会与当前的font-size相乘来设置行间距。

length:设置固定的行间距。

%:基于当前字体尺寸的百分比行间距。

更多web开发知识,请查阅 HTML中文网 !!

html两行中间间距怎么去,css行之间的间距怎么调?相关推荐

  1. html中一个table每行之间的间隔,CSS表行之间的间距

    我有一个css表,并试图使每行之间的空间,间隙应该没有颜色.我试过一些没有效果的东西,比如: 边框-底部:5px立体透明:边框-顶部:5px立体透明: 和 边界塌陷:塌陷: 下面是代码和一个JSFid ...

  2. 如何精确的设置行与行之间的间距

    这是一篇专门针对 刚入门 前端的小白们,作为个前端开发人员,我们应该要具备的就是 99.9%的还原设计图,那么必不可少的就是设置页面中文字的上下间距问题,也是刚入门的人员比较难的一个点,怎样才可以写的 ...

  3. html消除图之间间距,html表格间距怎么取消 html 表格行之间的间距怎么设置

    html怎么去掉表格与表格之间的间距 添加 cellspacing="0" 即可. 第一行第一列第一行第二列第一行第三列第二行第一列第二行第二列第二行第二列效果如下: 使用Html ...

  4. HTML5自动换行的间距设置,设置EXCEL自动换行的行与行之间的间距的办法

    我们知道,在EXCEL的同一个单元格内,可以通过按Alt+Enter键来实现换行,这样我们就可以在同一个单元格内输入多行文字. 但是,由于EXCEL功能上的限制,导致自动换行之后,输入的内容,行与行之 ...

  5. HTML的行高间距的设置和字体之间的间距

    上面这是没有设置行高与字体之前的样子 下面这是设置有行高之后的样式 line-height: 80px;/*行高的设置为80px*/ 这是设置有行高和字体间距后的样式 letter-spacing: ...

  6. html中第二行标签之间间隔不一样,Word第一行字和第二行字之间的间距怎么不一样...

    在有些word文档中,编辑文字格式时,会看到段落两行字间距很大,这样看起来文档极为难看,需要将行间距调小.如何调整这种情况呢?下面就让小编来问你解答吧. 打开word文档,选中需要调整行间距的文字,按 ...

  7. 怎么修改html的空格大小,css设置空格宽度间距样式

    不必打多个空格或空格字符代码就兴许实现粗略空格若干好多个字宽度成果 html网页里键盘打多个空格,全部涉猎器中看到也只要1个空格的位子间距,除了使用空格字符外,是可以用css来配置管教失格宽度间距的 ...

  8. 设置单元格之间的间距

    设置行间距 grid-row-gap: 60px; 表示,行和行之间的间距为60px. 设置列间距 grid-column-gap: 60px; 表示,列和列之间的间距为60px. 复合写法 grid ...

  9. html两行字的上下间隔,css字体上下间距怎么调?

    css指的是层叠样式表(Cascading Style Sheets),它是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种 ...

最新文章

  1. STL模拟实现1.0 -- list和iterator模拟实现和简单分析
  2. python部署脚本_vsftp一键部署脚本
  3. C++ 使用dynamic_cast执行基类向派生类的转换
  4. SAP CRM WebClient UI Home page里Workflow task retrieve logic
  5. About SCCM 2012 UDA(User Device Affinity)
  6. java里面add报错_java.util.Arrays$ArrayList addAll报错
  7. input子系统分析二
  8. 2017.3.11[bzoj2440][中山市选2011]完全平方数
  9. 深入Linux文件系统
  10. 层次分析法软件操作步骤(yaahp)
  11. 苹果Mac电脑文件夹路径怎么看?“访达”也能显示文件路径
  12. 关于 opengl3.3 - 4.1 ABO 的感触. 传统 VBO往 ABO+VBO的 代码移植
  13. 高级PHP工程师所应该具备的一些技能
  14. 什么情况下单独计算机械台班,投标or签证,机械台班价如何确认?
  15. 我为比尔盖茨熬夜加班的那个晚上
  16. 杨绛谈读书:乐在其中,读书好比串门儿
  17. WAPI产业联盟:中国两项近场通信NFC安全技术成国际标准
  18. 解决png图片在IE6下的透明问题
  19. 【nginx 扩容及常用模块扩展】
  20. Android 报错A/libc: Fatal signal 6 (SIGABRT), code -6 in tid *** 解决

热门文章

  1. 浏览器怪异模式和标准模式之间的区别 DTD
  2. 企业管理器控制台本地无法访问
  3. 带下划线的二级域名IE无法读取session
  4. oracle 创建用户
  5. 每天看技术文章头大,搞点笑话轻松一下吧
  6. 转载---安装mysql5.7,遇到的问题
  7. JQUERY在线引用地址
  8. 电脑重启后不必输入用户名密码,直接自己登入的方法
  9. [转]bad interpreter:No such file or directory的原因
  10. Python少打字小技巧