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

1. 所有的table，td的width要寫(xiě)成百分?jǐn)?shù)，而不能寫(xiě)成絕對(duì)的像素值，因?yàn)榭蛻舳说臋C(jī)器的分辨率我們是不知道的，不能按照1024*768的假設(shè)去寫(xiě)HTML頁(yè)面

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

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

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

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

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

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

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

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

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

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

總結(jié)

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

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