空格如何在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表示要缩进两个字的距离。

王小玉网-美国洛杉矶2核4G 20元/月,香港日本CN2 2核2G/119元/季,美国300G高防/80元/月!

 活动方案:美国洛杉矶 E5 2696V2 2核4G20M带宽100G流量20元/月美国洛杉矶E5 2696V2 2核4G100M带宽1000G流量99元/季香港CN2 E5 2660V2 2核2G30M CN2500G流量119元/季日本CN2E5 2660 2核2G30M CN2 500G流量119元/季美国300G高防 真实防御E5 2696V2 2核2G30M...

A400互联(49元/月)洛杉矶CN2 GIA+BGP、1Gbps带宽,全场独服永久5折优惠

a400互联是一家成立于2020年商家,主营美国机房的产品,包括BGP线路、CN2 GIA线路的云服务器、独立服务器、高防服务器,接入线路优质,延迟低,稳定性高,额外也还有香港云服务器业务。当前,全场服务器5折,香港VPS7折,洛杉矶VPS5折,限时促销!A400互联官网:https://a400.net/优惠活动全场独服永久5折优惠(续费同价):0722香港VPS七折优惠:0711洛杉矶VPS五...

百驰云(19/月),高性能服务器,香港三网CN2 2核2G 10M 国内、香港、美国、日本、VPS、物理机、站群全站7.5折,无理由退换,IP免费换!

百驰云成立于2017年,是一家新国人IDC商家,且正规持证IDC/ISP/CDN,商家主要提供数据中心基础服务、互联网业务解决方案,及专属服务器租用、云服务器、云虚拟主机、专属服务器托管、带宽租用等产品和服务。百驰云提供源自大陆、香港、韩国和美国等地骨干级机房优质资源,包括BGP国际多线网络,CN2点对点直连带宽以及国际顶尖品牌硬件。专注为个人开发者用户,中小型,大型企业用户提供一站式核心网络云端...

html空格为你推荐
百度手写百度如何手写:办公协同软件最好用的协同办公软件是哪个神雕侠侣礼包大全神雕侠侣手游版四重大礼包怎么得到啊?雅虎天盾我机器上有瑞星杀毒和防火墙 我用雅虎天盾来查杀木马怎样?创维云电视功能谁能具体介绍一下创维云电视的主要功能,以及基本的使用方式,如果能分型号介绍就更好了,O(∩_∩)O谢谢二层交换机请教:二层交换机是干什么用的啊?cr2格式如何打开CR2格式的照片呢云挂机云挂机每天2+元你提了吗?虚拟机软件下载谁有虚拟机软件的网址要好用的gbk编码表如何制作GBK与Unicode的对照表
虚拟主机推荐 北京域名空间 免费申请网页 香港机房 美国便宜货网站 wordpress技巧 directadmin tk域名 免费网络电视 免费ftp站点 免费ftp空间申请 网站木马检测工具 福建铁通 google台湾 免费ftp smtp服务器地址 工信部网站备案查询 德讯 成都主机托管 webmin 更多