利用Dreamweaver解決網頁中的空格

2024-09-12 12:31:59

字體：大中小

來源：轉載

供稿：網友

以下是對Dreamweaver的空格問題的探討。

Dreamweaver是一個非常簡單易用但又功能強大的網頁制作軟件。但是，它卻又一個令很多初學者很困惑的問題。那就是空格。
在Dreamweaver中使用空格遠遠沒有象word中一樣方便。比如首行無法空格，句子中間空一格以上都是不行的。
原因是什么呢？這是因為在HTML語言中多于一個的空格都被忽略不計。這樣就造成了空格困難的原因。

如何很好地解決Dreamweaver的空格問題呢？

以下是常用的解決方案：

1、使用軟空格。即在要插入空格的地方按Ctrl shift 空格。這樣的空格所有瀏覽器都能認識。但是缺點是在頁面編輯的時候無法看見插入了多少空格，只能在瀏覽器預覽的時候才能看清楚。不夠直觀。軟空格其實使用的是代碼。是不間斷空距標記。他可以生成軟空格。每按一下Ctrl shift 空格就是增加一個代碼。
代碼雖然簡單，但是它的作用也很大。在做網頁時候我們空出一行或者幾行就要靠這個代碼來幫忙。學過HTML語言的朋友都知標簽是用來標記一個段落的。如果光寫這段代碼是不是就可以生成空行呢？這是無效的。必須在標簽中增加“；”代碼才行。 這樣的代碼才會有空行效果。這里該標記也是起了占據位置的作用。另外如果用Dreamweaver生成一張表格，察看源代碼的時候會發現。單元格<td>標簽中頁有這個標記<td> </td>。如果你把這些標記刪除，會發現所有的單元格全部擠在一起。根本無法往里面填寫內容非要拖拽邊框不可。

2、使用全角空格。為什么這種方案可行呢？因為全角空格實現起來比較簡單。雖然也是空格但是對應的HTML代碼卻不是空格代碼。而是另外的代碼，因此Dreamweaver把他當字符處理而不是空格。所以可以相安無事。但是在不支持中文字符集的瀏覽器看來就是亂碼了。

3、制作一張很小的透明圖片。嵌入到文本當中或者行首。這種方法實現起來比較麻煩。

上一篇：在Dreamweaver中編寫CSS需要掌握的技巧

下一篇：Dreamweaver中如何利用CSS樣式表設置網頁