我们在进行网页制作中,一定会遇到文本编辑的内容,而且一定会面对换行的问题。在HTML中有换行元素和非换行空格符来解决换行问题。我们在52CSS.com中介绍了很多关于CSS的知识,但对于基础的HTML知识我们也需要有足够的了解,这样才能制作出高水平的网页,让我们的水平更加的专业。遇到这类问题,我们不可避免的需要应用br元素或nobr元素。我们来看这两个元素的意义及应用。
br:
Example Source Code [www.52css.com]
nobr:
Example Source Code [www.52css.com]
关于换行:
在文本的任何一点(甚至可以在网页的任何地方)都可插入换行标签<br>来换行。 例如:
Example Source Code [www.52css.com]
关于不换行:
有时可能要求浏览器不按正常情况下进行换行,例如,显示的公司名很长,或标签文字挺多。但又希望浏览器的显示页面很窄也不要换行,为达到这一目的,单词之间就不能使用常规的空格符,而要用一种特殊的非换行空格符。在HTML代码中非换行空格符事实上不是单个字符,单它的显示效果就跟普通的空格符一样,非换行空格符也是一种归类的标签。我们用一种新的标记实体(entity)来标记非换行空格符。实体用来表示在HTML代码中不易表示的特殊字符,实体的格式为“&XXXX”,在此“XXXX”是用来标识特定实体的字符串,非换行空格表示为“ ”。Netscape为了防止换行还增加 了另一种元素:<NOBR> </NOBR>.但这种标签 只对Netscape有效。
br:

Inserts a line break.
插入一个换行符。
这是我们最常用的换行方法。
对于HTML我们可以写成:<br>
若更规范,应该写成:<br />
插入一个换行符。
这是我们最常用的换行方法。
对于HTML我们可以写成:<br>
若更规范,应该写成:<br />
nobr:

Renders text without line breaks.
不换行显示文本。
nobr在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。
nobr不改变显示。
nobr元素需要关闭标签,即<nobr></nobr>成对出现。
不换行显示文本。
nobr在 Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。
nobr不改变显示。
nobr元素需要关闭标签,即<nobr></nobr>成对出现。
关于换行:
在文本的任何一点(甚至可以在网页的任何地方)都可插入换行标签<br>来换行。 例如:

52CSS.com<br />
CSS Web Design<br />
CSS Web Design<br />
关于不换行:
有时可能要求浏览器不按正常情况下进行换行,例如,显示的公司名很长,或标签文字挺多。但又希望浏览器的显示页面很窄也不要换行,为达到这一目的,单词之间就不能使用常规的空格符,而要用一种特殊的非换行空格符。在HTML代码中非换行空格符事实上不是单个字符,单它的显示效果就跟普通的空格符一样,非换行空格符也是一种归类的标签。我们用一种新的标记实体(entity)来标记非换行空格符。实体用来表示在HTML代码中不易表示的特殊字符,实体的格式为“&XXXX”,在此“XXXX”是用来标识特定实体的字符串,非换行空格表示为“ ”。Netscape为了防止换行还增加 了另一种元素:<NOBR> </NOBR>.但这种标签 只对Netscape有效。
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script>
name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-6616099971032637&dt=1179145532130&lmt=1179145532&format=336x280_as&output=html&channel=7244958474&url=http%3A%2F%2Fwww.52css.com%2Farticle.asp%3Fid%3D489&color_bg=FFFFFF&color_text=333333&color_link=191919&color_url=E6E6E6&color_border=FFFFFF&ad_type=text&ref=http%3A%2F%2Fwww.52css.com%2F&cc=100&flash=9&u_h=768&u_w=1024&u_ah=738&u_aw=1024&u_cd=32&u_tz=480&u_java=true" frameborder="0" width="336" scrolling="no" height="280" allowtransparency="allowtransparency">