爱程序网

html中如何输入多个空格

来源: 阅读:

html中如何输入多个空格:
很多html初学者往往会犯这样的错误,为了让网页显示多个空格可能会用空格键,但是浏览器渲染结果却是不尽如人意,因为添加再多的空格也只能够显示一个空格。下面就简单介绍一下如何输入多个空格,希望能够对初学者带来一定的帮助。
例如我们想在一段文本的前面加上一段距离的空白,基本代码如下:

<div>蚂蚁部落欢迎您</div>

我们想在蚂蚁部落添加一定的空格实现方式可以有一下方式:
一.可以使用padding来实现:

div{padding-left:20px;}

二.使用&nbsp;实现空格:
每一个&nbsp;代表一个空格,千万不要漏掉后面的分号(;),例如:

<div>&nbsp;&nbsp;蚂蚁部落欢迎您</div>

以上代码就可以在文字前面加上两个空格。
其实还有更多的方法,这里就不介绍了。

原文地址:http://www.51texiao.cn/HTML5jiaocheng/2015/0521/2129.html

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助