如何在HTML中显示空格.doc

如何在 HTML 文档中显示空格分类: htm 2011-11-29 14:45424 人阅读评论(0) 收藏举报一、使用全角空格全角空格被解释为汉字, 所以不会被被解释为 HTML 分隔符, 可以按照实际的空格数显示。二、使用空格的替代符号替代符号就是在需要显示空格的地方加入替代符号,这些符号会被浏览器解释为空格显示。空格的替代符号有以下几种: 名称编号描述&nbsp; & #160; 不断行的空白( 1 个字符宽度) &ensp; & #8194; 半个空白( 1 个字符宽度) &emsp; & #8195; 一个空白( 2 个字符宽度) &thinsp; & #8201; 窄空白(小于 1 个字符宽度) 可以用名称或编号作为空格的替代符号,名称必须小写,末尾的“;”不能省略。如: 欢&nbsp;&nbsp; 迎&nbsp;&nbsp; 光&nbsp;&nbsp; 临! 显示效果为:欢迎光临! 三、使用 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-spacing 属性 CSS 的 letter-spacing 属性用于设置文本中字符之间的间隔, 它的取值可以是一个带单位的长度值,浏览器会在字和字之间设置指定长度的空白。比如: <div style=" letter-spacing:30px "> 欢迎光临! </div> 显示效果为: 欢 迎光临! 注意,如果文本中有英