HTML行间距可以直接在文字所在标签中使用line-height属性设置,也可以在css样式中设置line-height属性,然后在文字所在标签中使用css样式来设置行间距。

html中的文字间距有line-height属性可以设置,如果是个别的内容可以直接在html标签中书写样式,如果是大批量的,建议使用css样式设置。

在页面中添加一个div,设置宽度为300,目的是为了让div中的文字换行,从而设置行高。在浏览器中打开页面,可以看到默认的文字间距,如图所示。

如果想要将行间距增大,那么可以在div标签中的style属性中添加line-height属性值

如果是要批量设置,建议使用css样式,可以是对标签,也可以是对类选择器设置样式

line-height 属性:

line-height 属性设置行间的距离(行高)。

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

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

原始数字值指定了一个缩放因子,后代元素会继承这个缩放因子而不是计算值。

更多web前端相关知识,请查阅 DMOZ中文网站分类目录 !!

设置html在哪里,HTML行间距在哪里设置?相关推荐

  1. 阐述在html文档中html,行间距在哪里设置?

    行间距在哪里设置?下面本篇文章给大家介绍一下HTML页面和word文档中行间距的设置方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. HTML页面中行间距在哪里设置? html中 ...

  2. 设置 QLabel 上面的 text 行间距

    网上查了好久,关于设置 QLabel 上面的 text 行间距的文章不多. 试过这样行: QString myString; myString.append("<p style='ma ...

  3. android webview设置行间距,通过webview设置字体的行间距

    有时候可用 UIWebView 代替 UITextView,解决行间距问题 2011-12-10 - Unmi 我们在使用 UILabel 或是 UITextView 时,如果文字出现了换行,目前我还 ...

  4. R语言plotly可视化:plotly可视化多个直方图、通过bingroup参数设置多个直方图使用相同的bins设置(Share bins between histograms)

    R语言plotly可视化:plotly可视化多个直方图.通过bingroup参数设置多个直方图使用相同的bins设置(Share bins between histograms) 目录

  5. pandas自定义设置dataframe每个索引的标签、自定义设置索引的列名称(customize index name and index label)

    pandas自定义设置dataframe每个索引的标签.自定义设置索引的列名称(customize index name and index label) 目录

  6. R语言plotly可视化:可视化直方图、归一化的直方图、水平直方图、互相重叠的直方图、堆叠的直方图、累积直方图、通过bingroup参数设置多个直方图使用相同的bins设置、自定义直方图条形的间距

    R语言plotly可视化:可视化直方图.归一化的直方图.水平直方图.互相重叠的直方图.堆叠的直方图.累积直方图.通过bingroup参数设置多个直方图使用相同的bins设置.自定义直方图条形的间距 目 ...

  7. pandas使用pd.concat纵向合并多个dataframe实战:纵向合并(ignore_index参数)、为纵向合并的多个dataframe设置标识符指定数据来源(通过字典方式设置数据来源键)

    pandas使用pd.concat纵向合并多个dataframe实战:多个dataframe的纵向合并(ignore_index参数).为纵向合并的多个dataframe设置标识符指定数据来源(通过字 ...

  8. wdatepicker设置时间范围_Mac新手必看,这些设置可以让你的Mac更好用!

    如果你刚买了一台新的Mac,不免要对Mac做一些设置,现为你提供一些Mac常用的设置技巧,让你的Mac更加好用. Mac新手必看,这些设置可以让你的Mac更好用! - macw下载站​www.macw ...

  9. 【响应式Web前端设计】css如何设置边框的圆角样式?border-radius属性设置圆角样式(图 文)

    border-radius包含5种设置圆角样式方式: border-radius :同时设置4个边框的圆角样式. border-top-left-radius :设置左上角边框的圆角样式. borde ...

最新文章

  1. 大数据,只是为了赚钱么?
  2. 年轻程序员需要学习的5大经验
  3. 使用pagination分页插件实现Ajax动态分页
  4. 2 文件处理、权限管理、搜索
  5. java排序算法大全_各种排序算法的分析及java实现
  6. C# Exception 对象的属性
  7. 日语学习 「バージョン」 version と 「リビジョン」 revision
  8. 【转】轻松记住大端小端的含义(附对大端和小端的解释)
  9. Vue-动态绑定属性
  10. mysql amd.dll 后门_DLL型后门原理及完全清除秘诀
  11. 微信java版s40_塞班微信S40版下载
  12. 解压ubi文件_ubi详解
  13. 26个大小写字母对应的哈希值
  14. CentOS7 通过 cups 与 Windows 共享 HP 1020 打印机
  15. MySQL的存储过程(in、out、inout)
  16. HarmonyOS应用开发系列课(进阶篇)综合考试参考答案
  17. Android逆向——网易云音乐排行榜api(上)
  18. SPOJ Query on a tree 树链剖分 边修改
  19. IEC61850笔记--开源代码libIEC61850(二)
  20. QQ邮箱/163邮箱等怎么代收微软@hotmail/@outlook的邮件

热门文章

  1. Doo Group 积极践行绿色金融理念,构建全球金融服务体系
  2. windows7登录密码忘了怎么办?
  3. 氢能与燃料电池高级研修班
  4. Spring Boot - security 实战与源码分析
  5. 微信小程序生成菊花码,通过Java修改中间图片为上传的图片,含前端使用方法
  6. 02_平面转换 transform
  7. 1.1 Python 程序设计基本方法
  8. linux泛目录,黑帽seo蜘蛛池搭建泛目录快排教程
  9. Deprecated: getEntityManager is deprecated since Symfony 2.1
  10. 随想录(我从ftk学到的)