码迷,mamicode.com
首页 > Web开发 > 详细

html中如何输入多个空格

时间:2015-07-08 18:24:47      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

div{padding-left:20px;}

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

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

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

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

html中如何输入多个空格

标签:

原文地址:http://www.cnblogs.com/xiaofinder/p/4630861.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!