设计培训网
平面设计
室内设计
服装设计
动漫设计
动画设计
网页设计
模具设计
广告设计
影视设计
景观设计
更多
当前位置:设计培训网 > 中鹏职业培训中心 > 学习资讯 >正文

Dreamweaver的空格效果出不来该怎么办?

发布时间: 2013-9-1 22:22:47 编辑:lee
[导读] 对于很多Dreamweaver新手来说,有时都会碰到空格问题,例如想在段落开头空两个空格,但是某些时候无论你在键盘怎么敲打空格键,它一样没有任何效果,那该如何是好呢?有解决空格问题的方法吗?

Dreamweaver为方便广大的网页设计师们网页制作提供了一个良好的平台。可是它仍然存有一些令很多新手很困惑的问题——“空格”。在Dreamweaver中使用空格进行排版远远没有word那样方便。例如有的时候首行无法空格,句子中间空一格以上都是不行的。为什么会这样的呢?原因在于HTML语言中有一个规则:多于一个的空格都将忽略不计。这样正是就造成了网页设计中出现空格困难的原因。

下面,又小编我为大家总结一下解决该问题的3种办法:

①、制作一张很小的透明图片。嵌入到文本当中或者行首。

【注    意】这种方法实现起来比较麻烦,因为要根据使用字体的大小及要空的格数,再制定图片的尺寸。

②、使用全角空格。这样也行?因为全角空格实现起来比较简单。虽然也是空格但是对应的HTML代码却不是空格代码“  ”。而是另外的代码,因此Dreamweaver把他当字符处理而不是“  ”。所以可以相安无事。

【操作方法】就是选择中文拼音(搜狗、ABC、紫光、全拼……)输入法,然后切换成全角状态,再键入空格就OK啦!

【注    意】在不支持中文字符集的浏览器看来就是乱码了,会造成用户体验不好。

③、使用软空格。即在要插入空格的地方按Ctrl+shift+空格键,当然也可以通过输入实现。这样的空格所有浏览器都能认识。软空格其实使用的是代码。是不间断空距标记。他可以生成软空格。每按一下Ctrl+shift+空格就是增加一个代码。

【注    意】缺点是在页面编辑的时候无法看见插入了多少空格,只能在浏览器预览的时候才能看清楚。不够直观。

总而言之,代码虽然简单,但是它的作用也很大。在制作网页时候我们空出一行或者几行就要靠这个代码来帮忙。学过HTML语言的朋友都知道<p></p>标签是用来标记一个段落的。如果光写<p></p>这段代码是不是就可以生成空行呢?这是无效的。必须在<p>标签中增加 ;代码才行。<p></p>这样的代码才会有空行效果。这里该标记也是起了占据位置的作用。另外如果用Dreamweaver生成一张表格,察看源代码的时候会发现。单元格<td>标签中页有这个标记<td> </td>.如果你把这些标记删除,会发现所有的单元格全部挤在一起。根本无法往里面填写内容非要拖拽边框不可。

 

分享到: