您的位置:首页> 前端教程> HTML教程
文章导航

HTML如何输入多个空格

2018-9-8 00:35| 作者: admin| 查看: 4711| 评论: 0|来自: 蚂蚁部落

很多html初学者往往会犯这样的错误,为了让网页显示多个空格,在编辑器连续敲击多次空格键,但是浏览器渲染结果却是不尽如人意,即使添加再多的空格也只能够显示一个空格。下面就简单介绍一下如何输入多个空格,希望能够对初学者带来一定的帮助。

下面看一个简单的代码实例:

[HTML] 纯文本查看 复制代码
<div>蚂蚁部落欢</div>

想在蚂蚁部落前面添加一定的空格,可以采用如下方式:

一.使用padding:

[CSS] 纯文本查看 复制代码
div{padding-left:20px;}

二.使用&nbsp;:

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

[HTML] 纯文本查看 复制代码
<div>&nbsp;&nbsp;蚂蚁部落欢迎您</div>

以上代码就可以在文字前面加上两个空格。

1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

上一篇:HTML <label> 标签下一篇:DOM文档树介绍

最新评论

返回顶部