空格如何在HTML中显示空格

html空格  时间:2021-02-27  阅读:()

如何在HT ML文档中显示空格

分类 htm201 1-1 1-2914:45424人阅读评论(0)收藏举报

一、使用全角空格

全角空格被解释为汉字所以不会被被解释为HTML分隔符可以按照实际的空格数显示。

二、使用空格的替代符号

替代符号就是在需要显示空格的地方加入替代符号这些符号会被浏览器解释为空格显示。空格的替代符号有以下几种

可以用名称或编号作为空格的替代符号名称必须小写末尾的“;”不能省略。

如

欢  迎  光  临

显示效果为欢迎光临

三、使用CSS的white-space属性

CSS的white-space属性用于设置文本中空格的处理方式 当white-space属性取值为pre时浏览器会保留文本中的空格和换行这样你就可以直接在文本中使用空格和回车了。

这种方法特别适合于在网页中显示程序代码。 比如显示一段C程序代码。

<div style="white-space:pre">int sub(int x,int y){ int z; if(x&gt;y) z=x-y;else z=y-x; return z;}</div>

显示效果为int sub(int x,int y){ int z; if(x>y) z=x-y; else z =y-x; return z;}

使用HTML的<pre>标签也可以达到类似的效果但<pre>标签有一些不太好的特性不如使用CSS的white-space属性更方便。

四、使用CSS的letter-spaci ng属性

CSS的letter-spacing属性用于设置文本中字符之间的间隔它的取值可以是一个带单位的长度值浏览器会在字和字之间设置指定长度的空白。 比如

<div style="letter-spacing:30px">欢迎光临 </div>

显示效果为

欢 迎 光 临 

注意如果文本中有英文单词则空白会加在字母之间而不是单词之间。

五、使用CSS的word-spaci ng属性

CSS的word-spacing属性用于设置文本中单词之间的间隔它的取值可以是一个带单位的长度值浏览器会在单词和单词之间设置指定长度的空白。 比如

<div style="word-spacing:30px">Happy newyear!</div>

显示效果为

Happy new year!

注意 HTML是以空格来区分单词的它会把单词间的空白按指定长度显示。

六、使用CSS的text-inden t属性

CSS的text-indent属性用于设置首行缩进它的取值可以是一个带单位的长度值浏览器会在段落的首行开始处设置指定长度的空白。 比如

<div style="text-indent:2em">欢迎光临 </div>

显示效果为

欢迎光临

说明 em是一个相对长度单位 2em表示要缩进两个字的距离。

10GBIZ(月$2.36 ), 香港和洛杉矶CN2 GIA

10GBIZ服务商经常有看到隔壁的一些博客分享内容,我翻看网站看之前有记录过一篇,只不过由于服务商是2020年新成立的所以分享内容比较谨慎。这不至今已经有将近两年的服务商而且云服务产品也比较丰富,目前有看到10GBIZ服务商有提供香港、美国洛杉矶等多机房的云服务器、独立服务器和站群服务器。其中比较吸引到我们用户的是亚洲节点的包括香港、日本等七星级网络服务。具体我们看看相关的配置和线路产品。第一、香...

Linode十八周年及未来展望

这两天Linode发布了十八周年的博文和邮件,回顾了过去取得的成绩和对未来的展望。作为一家运营18年的VPS主机商,Linode无疑是有一些可取之处的,商家提供基于KVM架构的VPS主机,支持随时删除(按小时计费),可选包括美国、英国、新加坡、日本、印度、加拿大、德国等全球十多个数据中心,所有机器提供高出入网带宽,最低仅$5/月($0.0075/小时)。This month marks Linod...

亚洲云-浙江高防BGP,至强铂金8270,提供自助防火墙管理,超大内存满足你各种需求

官方网站:点击访问亚洲云官网618活动方案:618特价活动(6.18-6.30)全站首月活动月底结束!地区:浙江高防BGPCPU:至强铂金8270主频7 默频3.61 睿频4.0核心:8核(最高支持64核)内存:8G(最高支持128G)DDR4 3200硬盘:40G系统盘+80G数据盘带宽:上行:20Mbps/下行:1000Mbps防御:100G(可加至300G)防火墙:提供自助 天机盾+金盾 管...

html空格为你推荐
最数码最大的数字是多少渗透测试软件测试与渗透测试那个工作有前途网站联盟网络联盟是什么意思唱吧电脑版官方下载唱吧有电脑版吗安装迅雷看看播放器如何用手机安装迅雷看看播放器安装迅雷看看播放器迅雷看看播放器安装2012年正月十五2012年正月十五上午9点27分出生的女孩儿五行缺什么,命怎么样二层交换机什么是二层交换机二层交换机二层交换机是什么意思,三层呢安全漏洞计算机一般存在哪些安全漏洞?
132邮箱 香港bgp机房 大硬盘 softlayer godaddy主机 inmotionhosting 圣迭戈 嘟牛 免费mysql 申请个人网站 最好的免费空间 腾讯实名认证中心 能外链的相册 网站在线扫描 web服务器是什么 沈阳主机托管 监控服务器 阿里云免费邮箱 atom处理器 hdchina 更多