html行间距怎么设置

html中的文字间距有line-height属性可以设置,若是是个体的内容可以直接在html标签中书写样式,若是是多量量的,建议利用css样式设置

方式/步调

  1. 1

    打开vscode,建立一个H5规范的页面,用于演示html行间距的设置体例。若是没有vscode,利用文本文件也是一样的结果,只不外文件名需要以.html结从头至尾

  2. 2

    在页面中添加一个div,设置宽度为300,目标是为了让div中的文字换行,从而设置行高

  3. 3

    在浏览器中打开页面,可以看到默认的文字间距,如图所示

  4. 4

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

  5. 5

    在浏览器中打开页面,此时就可以看到文字间距变大了

  6. 6

    在浏览器中按F12,进入开辟者模式,可以看到行间距的line-height值,这个时辰可以点窜这个值,以达到想要的高度

  7. 7

    若是是要批量设置,建议利用css样式,可所以对标签,也可所以对类选择器设置样式

  • 发表于 2019-03-31 22:17
  • 阅读 ( 1685 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具