4.6　文字布局实例

前面几节讲述了文字布局的知识，接下来把前面所讲解的知识用实例表现出来。通过一个完整的实例演示，如果读者对HTML中文字布局标记更有印象，看完后能举出更多例子。

4.6.1　设置文字换行与不换行

输入文章并设置文字换行与不换行，代码4.11设置了文字换行与不换行，其中换行标记为＜br＞，而不换行的标记用＜nobr＞表示。

代码4.11　源代码\第4章\文字布局手把手.html

——————————————文件名：文字布局手把.html——————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞文字布局手把手＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜P＞HTML+CSS完全自学手册

07 ＜br＞

08 ＜nobr＞

09 ＜p＞HTML+CSS完全自学手册HTML+CSS完全自学手册

10 HTML+CSS完全自学手册HTML+CSS完全自学手册

11 ＜/nobr＞

12 ＜/body＞

13 ＜/html＞

【代码解析】代码第7行标记＜br＞表示的效果是在网页中换行，而在代码第8行中用＜nobr＞标记时，不管代码中是否出现换行，在网页中都不会换行，直到把＜nobr＞＜/nobr＞标记对中的对象显示完，效果如图4.12所示。

4.6　文字布局实例 - 图1

图　4.12　换行与不换行