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

ShineServers(5美元/月)荷兰VPS、阿联酋VPS首月五折/1核1G/50GB硬盘/3TB流量/1Gbps带宽

优惠码50SSDOFF 首月5折50WHTSSD 年付5折15OFF 85折优惠,可循环使用荷兰VPSCPU内存SSD带宽IPv4价格购买1核1G50G1Gbps/3TB1个$ 9.10/月链接2核2G80G1Gbps/5TB1个$ 12.70/月链接2核3G100G1Gbps/7TB1个$ 16.30/月链接3核4G150G1Gbps/10TB1个$ 18.10/月链接阿联酋VPSCPU内存SS...

BuyVM商家4个机房的官方测试IP地址和测速文件

BuyVM 商家算是有一些年头,从早年提供低价便宜VPS主机深受广大网友抢购且也遭到吐槽的是因为审核账户太过于严格。毕竟我们国内的个人注册账户喜欢账户资料乱写,毕竟我们看英文信息有些还是比较难以识别的,于是就注册信息的时候随便打一些字符,这些是不能通过的。前几天,我们可以看到BUYVM商家有新增加迈阿密机房,而且商家有提供大硬盘且不限制流量的VPS主机,深受有一些网友的喜欢。目前,BUYVM商家有...

弘速云20.8元/月 ,香港云服务器 2核 1g 10M

弘速云元旦活动本公司所销售的弹性云服务器、虚拟专用服务器(VPS)、虚拟主机等涉及网站接入服务的云产品由具备相关资质的第三方合作服务商提供官方网站:https://www.hosuyun.com公司名:弘速科技有限公司香港沙田直营机房采用CTGNET高速回国线路弹性款8折起优惠码:hosu1-1 测试ip:69.165.77.50​地区CPU内存硬盘带宽价格购买地址香港沙田2-8核1-16G20-...

html空格为你推荐
微信如何建群微信如何建群pwlosera,pw是什么,是不认识的人发的短信。请解释::中小企业信息化信息化为中小企业发展带来了哪些机遇iphone6上市时间苹果6什么时候在中国大陆上市微信怎么看聊天记录微信如何查找聊天记录网站地图制作怎么制作网站地图啊,小米3大概要多少钱小米3换个屏幕大概多少钱?不要什么大概好像,答案准确点!权重高的论坛请问有哪些权重高的论坛可以发贴?youtubemp3mp4最近MP4有没有新款的样式?qq签名设置手机QQ签名能设置权限吗
台湾服务器租用 合租服务器 vps是什么 如何申请免费域名 国外永久服务器 winhost windows主机 天猫双十一抢红包 美国php空间 发包服务器 灵动鬼影 免费个人空间申请 权嘉云 200g硬盘 asp免费空间申请 nerds phpmyadmin配置 免费私人服务器 免费mysql数据库 云营销系统 更多