如何在html中设置段距
短信预约 -IT技能 免费直播动态提醒
如何在html中设置段距?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
1、使用行高属性:line-height
line-height属性可以对设置段落之间的距离,一般数值越大,段落之间的间距就越大,当然字和字的距离也是变大,很多时候,我们一般不会使用line-height属性来设置。
<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">p {line-height: 50px;}</style></head><body><p>测试文本,测试文本,测试文本,测试文本,测试文本</p><p>测试文本,测试文本,测试文本,测试文本,测试文本</p></body></html>
效果图:
2、使用外边距属性:margin
只要我们设置margin的上下左右边距和对象之间的距离,就可以实现上下段落之间的距离。
<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">p {margin: 50px;}</style></head><body><p>测试文本,测试文本,测试文本,测试文本,测试文本</p><p>测试文本,测试文本,测试文本,测试文本,测试文本</p></body></html>
html是什么
html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。
看完上述内容,你们掌握如何在html中设置段距的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网行业资讯频道,感谢各位的阅读!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341