eWebEditor for Windows V15.4 在线演示试用 (当前最新版)
|
|
|
段落属性及控制 |
包括右键功能,可以对一个或多个段落使用样式功能,段前段后行距等可设置,不再会由于段落间距太大影响效果。
本例说明:
- 在HTML编辑时,最常用的标签之一就是段落<P>。一个回车,就是一个段落。段落与换行这两经常有人会混在一起。无论是在Word或DW或其它常用软件,我们都可以看到标准的是,回车键(Enter)表示段落,(Shift+Enter)表示换行,换行的HTML标记是<BR>。段落有很多重要的效果(如对齐,居中等)是换行所不能体现的,换行只是在一个段中折行,还是属于一个段落之内。
- 很多用户会提出,在编辑器中输入回车键(Enter)时使用换行<BR>标签,这是完全没有必要的错误的理解。如果所有的回车段落<P>都换为换行符<BR>,则段落所具有效果都没有了,意味着,你连最基本的把其中的一行居中都实现不了了,一居中,所有的内容都会居中。之所以会产生这样误解,是由于大家所常用的软件Word中,默认输入回车时,出现下一行与上一行的间距很小,看起来与<BR>相同。这只是由于Word软件默认自带的样式,段落的上边距与下边距为0,看起象<BR>。而网页中,段落的上边距与下边距默认不为0。所以看起来,感觉每个段之间间距太大了。只要你理解了样式,一直在这边起的作用,也就不再会因为段落的间距大,而想用<BR>来替换了。
- 如果你想让网页中的段落<P>看起来象<BR>,你只要设置段落的样式段前段后都为0,就可以了。代码如:
p {margin-top:0px;margin-bottom:0px}
| |
测试点:
- 关于上面说明中提到的段落<P>与<BR>的问题。你可以在下面编辑区中,按(Shift+Enter),先看一下换行的效果。然后全选(CTRL+A),点工具栏上的“段落属性”,在弹出对话框中,“段前”和“段后”设为0。点确定,看一下,效果是不是与换行相同。
- eWebEditor的段落属性是基于多段落的,以你选定部分所属的段落来设置的。而同类产品,只能一段一段的来设置,试想那么多段落,调一个属性,操作难易可想而知。
- eWebEditor对于任何段落的操作,只需鼠标点在那个段落上,或选中那个段落的一两个字,即可以设置段落属性,无需选定一个完整的段落。
- 支持鼠标右键,选定后,在选定内容上点右键,会有一个“段落属性”的菜单。
- 有初始值。当某个段落已经有设置过,这时点“段落属性”对话框时,在对话框中所有的值,即为当前选定的那个段落的当前值。
|
|
演示1:
|
|
演示2:
演示2与演示1在“代码”模式下的代码是完全一样的,但在编辑区“设计”模式中的表现却不同。此例演示了外部样式的作用。在此例中你直接按回车(Enter),看起来就象演示1中的(Shift+Enter)一样,表现上象<BR>的效果。
在此例中,只加了如下的样式:
p {margin-top:0px;margin-bottom:0px}
| |
|
|
|