【HTML】空格

看到这个标题,肯定有人说,HTML的空格不是 吗?还可以开一篇文章专门来写这东西浪费流量浪费电?或者是UP主发牢骚写的感情文字?

我当初也是认为的HTML的空格就是 的代名词。然而,如果只知道HTML中, 代表空格,那实在是太年轻了。

在HTML中还有两个可以表示空格的符号,一个是 ,另一个是 

而且 ,较之制表符TAB, ,非常好用。不然这个冷门标签根本就不用管它。主要是面对你需要在行内制造一段空白,又不像搞个带样式的span。使用 能使你不用复制这么多个 。

这里插一句,对于制表符TAB,	,或者你直接就打个TAB,因为HTML特殊字符不包括TAB无须转移,然而这制表符搞出来的空格宽度还不如 大。

下面用一个例子说明这个问题,如下的一段代码:

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>空格</title>
</head> 
<body>
    <p style="font-size:72px">sssss&nbsp;sssss</p>
    <p style="font-size:72px">sssss&ensp;sssss</p>
    <p style="font-size:72px">sssss&emsp;sssss</p>
</body>
</html>
注:以上代码由于CSDN贴代码抽风,我故意将半角的&写成全角的&。

在各个主流的渲染效果如下:


这里为了说明效果,设置比较大的字体,

&nbsp;、&ensp;、&emsp;的官方定义如下:

&nbsp;半角的不断行的空白格,&ensp;半角的空格,&emsp;全角的空格

具体的渲染大家在图上也见到了,任意浏览器中&nbsp;都占一个字符位置,&ensp;在不同浏览器中,其解释时不同的,Firefox与IE是解释成2个英文字符、1个中文的宽度,Google则还是一个字符,这个&ensp;不稳定因此基本是弃用了。而&emsp;全角的空格的效果正是我们需要的,你比如有时候要写4个&nbsp;,一个&emsp;就能解决问题了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值