網(wǎng)頁制作時經(jīng)常用到1個像素高或?qū)挼募?xì)線條來修飾,可以使網(wǎng)頁的布局更加清楚,整體更加美觀。由于一直習(xí)慣使用dreamweaver編輯網(wǎng)頁,所以在閱讀《巧妙地在frontpage中給網(wǎng)頁加入一條豎直線》一文后,筆者利用文中的方法二,在dreamweaver中給網(wǎng)頁加入一條豎直線。
依葫蘆畫瓢,按照《巧妙》一文的所述的方法二,筆者在dreamweaver中插入表格,設(shè)置單元格邊距和間距均為0,表格的寬度為1個像素,并設(shè)置背景色為藍(lán)色。確認(rèn)設(shè)置無誤后,按f12預(yù)覽,可是網(wǎng)頁上并沒有如愿出現(xiàn)豎直細(xì)線條(如圖1)。明明進(jìn)行了正確的設(shè)置卻不能實(shí)現(xiàn)豎直細(xì)線條,真是郁悶!

圖1
這是什么原因呢?于是筆者打開dreamweaver的源代碼窗口,經(jīng)過仔細(xì)觀察,發(fā)現(xiàn)設(shè)置為1像素寬的單元格中有個“ ”的標(biāo)記(如圖2),這個標(biāo)記是html中的轉(zhuǎn)義符,在瀏覽器輸出為一個空格。發(fā)現(xiàn)這個標(biāo)記,筆者終于恍然大悟,原來就是這個標(biāo)記在作祟!于是刪除這個標(biāo)記后,再次打開網(wǎng)頁,豎直細(xì)線條終于成功的設(shè)置了!

圖2
在dreamweaver中插入表格都會自動在每個單元格中加上“ ”的標(biāo)記,正是因?yàn)檫@個標(biāo)記,使得設(shè)置為1像素寬的單元格在瀏覽器中顯示時多了個空格,把單元格撐大。
另外,《巧妙》一文的方法一使用<hr>語句來插入豎直線,筆者覺得有不妥之處,因?yàn)椋糷r>語句插入的豎直線上下都會留有空白,并不能在任何時候都滿足自己的需要,所以筆者建議盡量使用插入表格的方法來實(shí)現(xiàn)。
新聞熱點(diǎn)
疑難解答