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

georgedatacenter:美国VPS可选洛杉矶/芝加哥/纽约/达拉斯机房,$20/年;洛杉矶独立服务器39美元/月

georgedatacenter怎么样?georgedatacenter这次其实是两个促销,一是促销一款特价洛杉矶E3-1220 V5独服,性价比其实最高;另外还促销三款特价vps,大家可以根据自己的需要入手。georgedatacenter是一家成立于2019年的美国vps商家,主营美国洛杉矶、芝加哥、达拉斯、新泽西、西雅图机房的VPS、邮件服务器和托管独立服务器业务。georgedatacen...

LOCVPS(29.6元/月)KVM架构 香港/美国机房全场8折

LOCVPS商家我们还是比较熟悉的老牌的国内服务商,包括他们还有其他的产品品牌。这不看到商家的信息,有新增KVM架构轻量/迷你套餐,提供的机房包括香港云地和美国洛杉矶,适用全场8折优惠,月付29.6元起。LOCVPS是一家成立于2011年的稳定老牌国人商家,主要从事XEN、KVM架构的国外VPS销售,主推洛杉矶MC、洛杉矶C3、香港邦联、香港沙田电信、香港大埔、日本东京、日本大阪、新加坡等数据中心...

Virmach$7.2/年,新款月抛vps上线,$3.23/半年,/1核640M内存/10 GB存储/ 1Gbps/1T流量

Virmach自上次推出了短租30天的VPS后,也就是月抛型vps,到期不能续费,直接终止服务。此次又推出为期6个月的月抛VPS,可选圣何塞和水牛城机房,适合短期有需求的用户,有兴趣的可以关注一下。VirMach是一家创办于2014年的美国商家,支持支付宝、PayPal等方式,是一家主营廉价便宜VPS服务器的品牌,隶属于Virtual Machine Solutions LLC旗下!在廉价便宜美国...

html空格为你推荐
百度k站百度K站是怎么回事?iphone5解锁苹果5忘了锁屏密码怎么解锁密码打开网页出现错误我打开网页老出现错误是怎么了?百度抢票浏览器手机百度浏览器抢票版根本就没预约抢票。噱头而已!flash导航条如何用Flash制作简单的导航栏ps抠图技巧ps抠图多种技巧,越详细越好,急~~~~~~~iphone越狱后怎么恢复已经越狱的iphone怎么恢复到原来的系统硬盘人上海人说“硬盘”是什么梗机械键盘轴机械键盘蓝轴有什么作用iphone6上市时间苹果6是什么时候出的 ?
我的世界服务器租用 广东服务器租用 vps动态ip 美国和欧洲vps 新网域名管理 服务器评测 fdcservers oneasiahost 美元争夺战 私有云存储 中国特价网 web服务器架设 帽子云 合租空间 1g空间 免费申请网站 支付宝扫码领红包 服务器是干什么用的 lamp怎么读 免费个人主页 更多