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

香港站群多ip服务器多少钱?零途云香港站群云服务器怎么样?

香港站群多ip服务器多少钱?想做好站群的SEO优化,最好给每个网站都分配一个独立IP,这样每个网站之间才不会受到影响。对做站群的站长来说,租用一家性价比高且提供多IP的香港多ip站群服务器很有必要。零途云推出的香港多ip站群云服务器多达256个IP,可以满足站群的优化需求,而且性价比非常高。那么,香港多ip站群云服务器价格多少钱一个月?选择什么样的香港多IP站群云服务器比较好呢?今天,小编带大家一...

95IDC香港特价物理机服务器月付299元起,5个ip/BGP+CN2线路;美国CERA服务器仅499元/月起

95idc是一家香港公司,主要产品香港GIA线路沙田CN2线路独服,美国CERA高防服务器,日本CN2直连服务器,即日起,购买香港/日本云主机,在今年3月份,95IDC推出来一款香港物理机/香港多ip站群服务器,BGP+CN2线路终身7折,月付350元起。不过今天,推荐一个价格更美的香港物理机,5个ip,BGP+CN2线路,月付299元起,有需要的,可以关注一下。95idc优惠码:优惠码:596J...

触碰云高性价20.8元/月,香港云服务器,美国cn2/香港cn2线路,4核4G15M仅115.2元/月起

触碰云怎么样?触碰云是一家成立于2019年的商家。触碰云主营香港/美国 VPS服务器、独立服务器以及免备案CDN。采用的是kvm虚拟构架,硬盘Raid10,Cn2线路,去程电信CN2、移动联通直连,回程三网CN2。最低1核1G带宽1M仅20.8元/月,不过这里推荐香港4核4G15M,香港cn2 gia线路云服务器,仅115.2元/月起,性价比还是不错的。点击进入:触碰云官方网站地址触碰云优惠码:优...

html空格为你推荐
如何免费开通黄钻如何免费开通黄钻??万网核心代理在万网代理商购买万网产品,谁知道价格?知道的说下?bluestacksbluestacks怎么用唱吧电脑版官方下载电脑怎么安装唱吧,要能用的,请教教程,谢谢godaddyGO DADDY服务器空间域名怎么样qq怎么发邮件怎样在QQ上发送邮件?开机滚动条开机滚动条要很长时间怎么解决?开机滚动条电脑开机启动滚动条时间长怎么办?虚拟专用网虚拟专用网 有什么用处?如何快速收录如何做到让百度快速收录
空间域名 过期域名查询 服务器配置技术网 bluevm cpanel gateone 网站保姆 工作站服务器 hostloc 100mbps 根服务器 宏讯 海外空间 阿里云官方网站 日本代理ip atom处理器 创速 七牛云存储 数据湾 hosting24 更多