面小编为大家带来的是解决网页制作中的空格问题，这里详细的介绍了解决网页制作中的空格问题的相关知识，希望能对大家有所帮助。

Dreamweaver是一个非常简单易用但又功能强大的网页制作软件。但是，它却又一个令很多初学者很困惑的问题。那就是空格。在Dreamweaver中使用空格远远没有象word中一样方便。比如首行无法空格，句子中间空一格以上都是不行的。原因是什幺呢？这是因为在HTML语言中多于一个的空格都被忽略不计。这样就造成了空格困难的原因。如何很好地解决Dreamweaver的空格问题呢？解决的方案有很多：1、 制作一张很小的透明图片。嵌入到文本当中或者行首。这种方法实现起来比较麻烦。2、 使用全角空格。为什幺这种方案可行呢？因为全角空格实现起来比较简单。虽然也是空格但是对应的HTML代码却不是空格代码。而是另外的代码，因此Dreamweaver把他当字符处理而不是空格。所以可以相安无事。但是在不支持中文字符集的浏览器看来就是乱码了。3、 使用软空格。即在要插入空格的地方按Ctrl+shift+空格。这样的空格所有浏览器都能认识。但是缺点是在页面编辑的时候无法看见插入了多少空格，只能在浏览器预览的时候才能看清楚。不够直观。软空格其实使用的是代码。是不间断空距标记。他可以生成软空格。每按一下Ctrl+shift+空格就是增加一个代码。代码虽然简单，但是它的作用也很大。在做网页时候我们空出一行或者几行就要靠这个代码来帮忙。学过HTML语言的朋友都知;;标签是用来标记一个段落的。如果光写;;这段代码是不是就可以生成空行呢？这是无效的。必须在;标签中增加“；”代码才行。; ;这样的代码才会有空行效果。这里该标记也是起了占据位置的作用。另外如果用Dreamweaver生成一张表格，察看源代码的时候会发现。

击右上方红色按钮关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

由于HTML代码的空格通常会被浏览器忽略，所以我们很有必要对浏览器处理空格的一些规则有个详细的认识，这样我们后面才能详述它的解决办法。

一、默认规则

效果是这样的：

由此可此可以知道浏览器的默认处理规则一：文字的前后空格都会忽略，内部连续空格只有自作一个。

原样输出可能是我们这样写代码的本意，要让这段代码原样输出的方法有两个（使用标签/使用表示空格的实体代码）：

方法一：<pre><span class="space"> 小郑 搞码 </span></pre>

方法二：<span class="space"> 小郑 搞码 </span>

二、另一个规则

关于规则部分还有一点，来看一段代码：

效果是：

表示，浏览器对字符的处理不仅限于空格，还有制表符（\t），换行符（\r和\n）。

同样让这段代码换行可能是我们写的本意，让这段代码换行的方法有两个：

方法一：套一个pre标签

方法二：<span class="space">小郑<br/>搞码</span>

最后总结一下：

HTML语言的空格处理，基本上就是直接过滤。这样的处理过于粗糙，完全忽视了原始文本内部的空格可能是有意义的。所以CSS提供了一个属性white-space属性来灵活控制空格。下篇详述。