編寫EasyCluster V2.0 Portal部分主界面的時候，總結(jié)了以下幾點(diǎn)HTML心得：

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

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

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

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

此外，發(fā)現(xiàn)在jsp中寫注釋的時候，可以用jsp的注釋語法：

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

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

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

2. 更重要的一點(diǎn)，用這樣的注釋，注釋內(nèi)容不會被傳到HTML頁面中，也就是說，將來看網(wǎng)頁的用戶不會看到我們的這些注釋，加強(qiáng)了一點(diǎn)保密?

轉(zhuǎn)載于:https://www.cnblogs.com/super119/archive/2011/03/20/1989372.html

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。