最近由於忙著新的網站設計,以前碰到過的問題又出現了,差點都忘了去怎麼解決,最典型的也當數在DW中插入空格的問題,因為一般在段落開頭我們總要空兩個空格,可是有時候你會發現無論你在鍵盤怎麼敲打空格鍵,它一樣沒有什麼效果,那麼如何很好地解決Dreamweaver的空格問題呢?解決的方案其實很多,今天就拿出來跟大家分享下:
1、 製作一張很小的透明圖。嵌入到文本當中或行首。這種方法實現起來比較麻煩。
2、 使用全角空格。為什麼這種方案可行呢?因為全角空格實作起來比較簡單。雖然也是空格但是對應的HTML程式碼卻不是空格代碼。而是另外的程式碼,因此Dreamweaver把他當字元處理而不是空格。所以可以相安無事。但是在不支援中文字元集的瀏覽器看來就是亂碼了。具體操作方法就是選擇智慧ABC輸入法,然後切換成全角狀態,再鍵入空格就OK!
3、 使用軟空格。即在要插入空格的地方按Ctrl+shift+空白鍵,當然也可以透過輸入 來實現。這樣的空格所有瀏覽器都能認識。但是缺點是在頁面編輯的時候無法看見插入了多少空格,只能在瀏覽器預覽的時候才能看清楚。不夠直覺。軟空格其實使用的是程式碼。是不間距空距標記。他可以產生軟空格。每按一下Ctrl+shift+空格就是增加一個代碼。
程式碼雖然簡單,但是它的作用也很大。在做網頁時候我們空出一行或幾行就要靠這個程式碼來幫忙。學過HTML語言的朋友都知道<p></p>標籤是用來標記一個段落的。如果光寫<p></p>這段程式碼是不是就可以產生空白行呢?這是無效的。必須在<p>標籤中增加“;”代碼才行。 <p> </p>這樣的程式碼才會有空行效果。這裡該標記也是起了佔據位置的作用。另外如果用Dreamweaver產生一張表格,察看原始碼的時候會發現。單元格<td>標籤中頁有這個標記<td> </td>。如果你把這些標記刪除,你會發現所有的單元格全部擠在一起。根本無法往裡面填寫內容非要拖曳邊框不可。
而更漂亮的樣式則可以透過CSS控制來簡單實現,等忙完再找時間來總結下CSS的使用技巧吧。