HTML段落元素中怎么设置空格?HTML空格的设置总结


当前第2页 返回上一页

我们来看看在浏览器中显示的效果图:

1.png

我们可以很清楚的看到,第一个是用那么多空格堆出来的空间,在浏览器中只会显示那么一点小空间,后面是空格符显示的效果是不是比自己打空格好多了,空间顿时就大了很多。

当然我们平常肯定不会要空很大的空间的,就算要空的大,那就不会用空格符。今天我们就是讲的空格符&nbsp的使用,不说其它的,这个空格符对些懒人来说还是挺好用的。(想看更多就到PHP中文网HTML开发手册栏目中学习)

我们现在再来看看还有两个和&nbsp空格符是一样的,我们来看看:

  :“en空格”是根据字体排印学的计量单位命名,宽度是两个普通空格的宽度

  :“em空格”大概是四个普通空格的宽度

都是不影响换行的空格符号。它们的使用比&nbsp稍微少一点,因为它们有时候空的空间比较大。

我们再来细看看它们之间的区别:

1

2

3

4

<body>

<p>这里是PHP中文网;&ensp;&ensp;&ensp;这里是PHP中文网;这里是PHP中文网;&nbsp;&nbsp;&nbsp;这里是PHP中文网;这里是PHP中

文网;&emsp;&emsp;&emsp;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;这里是PHP中文网;</p>

</body>

在里面加了三种空格符号,我们来看看效果:

2.png

三种空格标签,我们看着上面的显示图来给它们排个名次吧,当然网上也有很多人给这个排名的,但是我们自己说自己的,让自己更清楚的知道就行了。

现在我们照着上面的图片我们看看排名情况:

第一名,空的最大的当然是&emsp;,也很明显是把,都是三个空格符,就&emsp;最大。

第二名,也就是空的第二大的是&ensp;,这个是空的第二大的,比最后一名的将近大了一倍。

最后一名当然就是我们本章说的&nbsp;空格符了,虽然空的空间小,但是在某些地方还是很实用的。

好了,今天的这篇关于空格&nbsp;的文章就到这里了,想学更多就来PHP中文网html参考手册栏目中学习吧。有问题的可以在下方提问。

【小编推荐】

css中的padding属性可以为负值吗?css中padding属性的详解

css伪元素有哪些?css伪元素的详情介绍(内附实例)

以上就是HTML段落元素中怎么设置空格?HTML空格的设置总结的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html怎么设置不缓存

使用html和css实现康奈尔笔记的模板

html是什么?html网页的简单设计方法介绍

html翻转效果怎么实现

html表格怎么设置宽度

<iframe>是什么?html中iframe标签的用法详解

html浮动元素高度问题讲解

html怎么隐藏div元素

html有序列表怎么弄自定义

html怎么下载

更多相关阅读请进入《空格》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...