Html中空格的方式

kele_jichi

已于 2022-04-06 20:55:14 修改

阅读量2.2w

点赞数 3

文章标签： web

于 2020-03-14 19:34:14 首次发布

原文链接：https://blog.youkuaiyun.com/yhj198927/article/details/89843842

版权

Web初学新问题专栏收录该内容

3 篇文章

订阅专栏

本文介绍了在网页设计中如何使用不同的HTML标签和CSS属性来调整文本和元素间的空格与间距，包括使用空格符、p标签、span标签、word-spacing属性以及letter-spacing属性的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 空格符

大&nbsp;&nbsp;家&nbsp;&nbsp;好！

显示效果为：大家好！

2.p标签使用空两格

 <p>百度地图API功能</p>
<p style="text-indent:2em">百度地图API功能</p>

效果如下：
在这里插入图片描述

3.span标签空格

<span>百度地图API功能</span><br/>
<span style="padding-left:30px;">百度地图API功能</span>

效果如下：
在这里插入图片描述

4.word-spacing属性，

<div style="word-spacing:30px">Happy new year!</div>

效果：
在这里插入图片描述

5.letter-spacing属性

<div style="letter-spacing:30px">Happynewyear!</div>

效果如下：
在这里插入图片描述

————————————————
版权声明：本文为优快云博主「yhj198927」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/yhj198927/article/details/89843842