菜鸟笔记
提升您的技术认知

Html中空格的方式

1. 空格符

大  家  好!

显示效果为:大 家 好!

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> 

效果如下: