空格html中空格的代码

html空格时间:2021-02-27 阅读:()

html中空格的代码

下文是关于html中空格的代码相关内容希望对你有一定的帮助

第一篇: 《html中空格的使用》

[s ize=1.1 em]一、使用全角空格

全角空格被解释为汉字所以不会被被解释为HT ML分隔符可以按照实际的空格数显示。

[s ize=1.1 em]二、使用空格的替代符号

替代符号就是在需要显示空格的地方加入替代符号这些符号会被浏览器解释为空格显示。

空格的替代符号有以下几种

可以用名称或编号作为空格的替代符号名称必须小写末尾的“;”不能省略。如

[size=0.9em]欢&nbsp;&nbsp;迎&nb sp;&nb sp;光&nb s p;&nb sp;临 显示效果为欢迎光临 html中空格的代码。

[s ize=1.1 em]三、使用C S S的white-s p ac e属性

CS S的white-sp ac e属性用于设置文本中空格的处理方式当white-s p ac e属性取值为p re时浏览器会保留文本中的空格和换行这样你就可以直接在文本中使用空格和回车了。html中空格的代码。

这种方法特别适合于在网页中显示程序代码。比如显示一段C程序代码。

[size=0.9em]<div

style="white-space:pre">int sub(int x,int y){ int z;if(x>y)z=x-y;e ls e z=y-x;return z;}</d iv>显示效果为int sub(int x,int y){ int z; if(x>y)z=x-y;else z=y-x;return z;}使用HTML的<pre>标签也可以达到类似的效果但<p re>标签有一些不太好的特性不如使用C S S的white-s p ac e属性更方便。

[s ize=1.1 em]四、使用C S S的letter-s p ac ing属性

C S S的letter-s p ac ing属性用于设置文本中字符之间的间隔它的取值可以是一个带单位的长度值浏览器会在字和字之间设置指定长度的空白。比如

[size=0.9em]<divs tyle=&quo t;let ter-s p ac ing:30p x&quo t;>欢迎光临</d iv>显示效果为

欢迎光临

注意如果文本中有英文单词则空白会加在字母之间而不是单词之间。

[size=1.1 em]五、使用C S S的word-spacing属性

CS S的word-sp ac ing属性用于设置文本中单词之间的间隔它的取值可以是一个带单位的长度值浏览器会在单词和单词之间设置指定长度的空白。比如

[size=0.9em]<divs tyle=&quo t;wo rd-sp ac ing:30p x&quo t;>Hap p y new year!</d iv>

显示效果为

Happy new year!

注意HT ML是以空格来区分单词的它会把单词间的空白按指定长度显示。

[s ize=1.1 em]六、使用C S S的text-ind ent属性