html语⾔空多个空⾏,html中的空格和空⾏
html 中的空格和空⾏要⽤特殊的格式显⽰,否则空格和空⾏不会显⽰出来。
⼀、在web开发经常会遇到如:  这样的字符。它其实是Html将⼀些特殊字符(Html语法字符)的⼀种表达⽅式。
下⾯是⼏个常⽤字符:
空格
&  &
<      <
html中的5种空格表示
>      >
"  "
&qpos;  ' ⼆、空⾏
空⾏的表⽰形式为 :
它是换⾏符。
三、空格的:
1、使⽤空格的替代符号:
替代符号就是在需要显⽰空格的地⽅加⼊替代符号,这些符号会被浏览器解释为空格显⽰。
空格的替代符号有以下⼏种:
名称
编号
描述
不断⾏的空⽩(1个字符宽度)
半个空⽩(1个字符宽度)
⼀个空⽩(2个字符宽度)
窄空⽩(⼩于1个字符宽度)
可以⽤名称或编号作为空格的替代符号,名称必须⼩写,末尾的“;”不能省略。 2、使⽤CSS的 letter-spacing 属性
CSS的letter-spacing属性⽤于设置⽂本中字符之间的间隔,它的取值可以是⼀个带单位的长度值,浏览器会在字和字之间设置指定长度的空⽩。⽐如:
欢迎光临!
显⽰效果为:
欢迎光临!
注意,如果⽂本中有英⽂单词,则空⽩会加在字母之间,⽽不是单词之间。 3、使⽤CSS的 word-spacing 属性
CSS的word-spacing属性⽤于设置⽂本中单词之间的间隔,它的取值可以是⼀个带单位的长度值,浏览器会在单词和单词之间设置指定长度的空⽩。⽐如:
Happy new year!
显⽰效果为:
Happy new year!
注意,HTML是以空格来区分单词的,它会把单词间的空⽩按指定长度显⽰。 4、使⽤CSS的 text-indent 属性
CSS的text-indent属性⽤于设置⾸⾏缩进,它的取值可以是⼀个带单位的长度值,浏览器会在段落的⾸⾏开始处设置指定长度的空⽩。⽐如:
欢迎光临!
显⽰效果为:
欢迎光临!
说明:em 是⼀个相对长度单位,2em 表⽰要缩进两个字的距离。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。