[size=1.1em]一、使用全角空格
全角空格被解释为汉字所以不会被被解释为HTML分隔符可以按照实际的空格数显示。
[size=1.1em]二、使用空格的替代符号
替代符号就是在需要显示空格的地方加入替代符号这些符号会被浏览器解释为空格显示。
空格的替代符号有以下几种
名称 编号 描述
可以用名称或编号作为空格的替代符号名称必须小写末尾的“;”不能省略。如
[size=0.9em]欢 迎 光 临显示效果为欢迎光临
[size=1.1em]三、使用CSS的white-space属性
CSS的white-space属性用于设置文本中空格的处理方式当white-space属性取值为pre时浏览器会保留文本中的空格和换行这样你就可以直接在文本中使用空格和回车了。
这种方法特别适合于在网页中显示程序代码。 比如显示一段C程序代码。[size=0.9em]<div style="white-space:pre">int sub(int x,inty){ int z; if(x>y) z=x-y; else z=y-x; returnz;}</div>显示效果为intsub(intx,inty){ intz; if(x>y) z=x-y;else z=y-x; returnz;}使用HTM L的<p re>标签也可以达到类似的效果但<p re>标签有一些不太好的特性不如使用CSS的white-space属性更方便。
[size=1.1em]四、使用CSS的letter-spacing属性
CSS的letter-spacing属性用于设置文本中字符之间的间隔它的取值可以是一个带单位的长度值浏览器会在字和字之间设置指定长度的空白。 比如
[size=0.9em]<div style="letter-spacing:30px">欢迎光临 </div>显示效果为
欢迎光临
注意如果文本中有英文单词则空白会加在字母之间而不是单词之间。[size=1.1em]五、使用CSS的word-spacing属性
CSS的word-spacing属性用于设置文本中单词之间的间隔它的取值可以是一个带单位的长度值浏览器会在单词和单词之间设置指定长度的空白。比如
[size=0.9em]<div style="word-spacing:30px">Happy newyear!</div>
显示效果为
Happy new year!
注意HTML是以空格来区分单词的它会把单词间的空白按指定长度显示。[size=1.1em]六、使用CSS的text-indent属性
CSS的text-indent属性用于设置首行缩进它的取值可以是一个带单位的长度值浏览器会在段落的首行开始处设置指定长度的空白。 比如[size=0.9em]<div style="text-indent:2em">欢迎光临 </div>显示效果为
欢迎光临
说明 em是一个相对长度单位 2em表示要缩进两个字的距离。
HostKvm 商家我们算是比较熟悉的国内商家,商家主要还是提供以亚洲数据中心,以及直连海外线路的服务商。这次商家有新增香港和俄罗斯两个机房的高防服务器方案。默认提供30GB防御,且目前半价优惠至4.25美元起步,其他方案的VPS主机还是正常的八折优惠。我们看看优惠活动。香港和俄罗斯半价优惠:2021fall,限购100台。通用优惠码:2021 ,八折优惠全部VPS。我们看看具体的套餐。1、香港高...
ZJI本月新上线了香港葵湾机房站群服务器,提供4个C段238个IPv4,支持使用8折优惠码,优惠后最低每月1400元起。ZJI是原Wordpress圈知名主机商家:维翔主机,成立于2011年,2018年9月更名为ZJI,提供中国香港、台湾、日本、美国独立服务器(自营/数据中心直营)租用及VDS、虚拟主机空间、域名注册等业务,所选数据中心均为国内普遍访问速度不错的机房。葵湾二型(4C站群)CPU:I...
香港ceranetworks提速啦是成立于2012年的十分老牌的一个商家这次给大家评测的是 香港ceranetworks 8核16G 100M 这款产品 提速啦老板真的是豪气每次都给高配我测试 不像别的商家每次就给1核1G,废话不多说开始跑脚本。香港ceranetworks 2核2G 50G硬盘20M 69元/月30M 99元/月50M 219元/月100M 519元/月香港ceranetwork...