編寫EasyCluster V2.0 Portal部分主界面的時候，總結了以下幾點HTML心得：

1. 所有的table，td的width要寫成百分數，而不能寫成絕對的像素值，因為客戶端的機器的分辨率我們是不知道的，不能按照1024*768的假設去寫HTML頁面

2. Portal界面中每個部分都是一個矩形框，矩形框的上部是一個三個td的tr，每個td都有一個獨特的background圖片，組成了一個帶弧形的條 帶外觀。這里要注意的是，在使用background圖片的時候，如果不指定td的width和height，IE/Firefox會根據他們的邏輯來擴 大/縮小TD的寬度，這樣就會導致背景圖片被拉伸或縮小。所以，一定要定死td的width。這里我是這樣做的：

（1）兩個兩端的td，background是帶左右弧形的圖片，這兩個td的width定成絕對的像素值（根據圖片的width來定）
（2）中間的td，由于width事先不知道（用百分數定的整個表格的寬度），所以，width寫成100%
（3）如果只做了上面兩步，就會發現兩端的td被中間的td “擠” 沒了，因為中間td的width是100%嘛，所以，這里NOWRAP閃亮登場。這個HTML關鍵字表示不要截斷td中的內容。于是，給這三個td都套上 NOWRAP這個關鍵字，三個td就顯示正常了，而且中間的td會自動“撐大”到最大！

以前沒有用NOWRAP的時候，非常痛苦，以前我每個td的寬度都定下絕對的像素值，這樣，不能適應大的分辨率，而且，在Firefox下，這樣 做下來之后，td之間總會留有一條細線！就算再精確的width定義都不行！所以，上面的辦法是首選，將中間的width定成100%，兩端的width 定成實際大小，再加上NOWRAP，完美！

此外，發現在jsp中寫注釋的時候，可以用jsp的注釋語法：

<%--
......
......
--%>

相比用HTML的注釋<!-- ...... -->，這樣的注釋有兩點好處：

1. 用這種注釋，在netbeans的編輯器（或JSP的其他編輯器）中能被識別，從而文字高亮，語法匹配等方面不會出現混亂

2. 更重要的一點，用這樣的注釋，注釋內容不會被傳到HTML頁面中，也就是說，將來看網頁的用戶不會看到我們的這些注釋，加強了一點保密?

轉載于:https://www.cnblogs.com/super119/archive/2011/03/20/1989372.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的编写EasyCluster V2.0 Portal主界面时的HTML心得（NOWRAP）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。