|
|
 |
|
 |
实现HTML自动排版的法则2 |
★★★ |
|
|
|
| 实现HTML自动排版的法则2 |
|
|
| 作者：佚名 文章来源：本站整理 更新时间：2008-10-8 21:34:13 |
|
|
|
法则五：把复选框、单选按钮与它们的标签分离
将单元中的复选框、单选按钮的标签与控件分离，这能够保证当文本变长时正确换行。但仍需要设计对话框，设法使翻译后的文本有可能置于一行中。
代码样例（设计正确的复选框代码）如下：
＜table cellspacing=0 cellpadding=0＞
＜tr＞
＜td valign=middle width=24px＞
＜input id=x type=checkbox accesskey=C＞
＜/td＞
＜td valign=middle＞
＜label for=x＞＜u＞C＜/u＞hoose me ＜/label＞
＜/td＞
＜/tr＞
＜/table＞
法则六：为今后的扩展预留足够的空间，避免固定宽度的项目
除非能够保证单元或控件中的文本翻译成其它语言时有足够的空间，否则不要使用固定宽度。如果需要指定尺寸，也应该是百分比形式的尺寸。基本原则是留出300%的扩展空间给较短的条目（少于10个字符），200%的扩展空间给中等长度的条目（10至20个字符），100%的扩展空间给长条目（多于20个字符）。
但是一定还要避免使用过多的百分比形式的尺寸。尽量利用HTML自动排版功能规划版面。这样无论控件里有什么样的文本，对话框也会很漂亮。切记除了表格宽度，其它百分比形式的尺寸要在样式表单中详细说明。
代码样例如下：
＜style＞
.myStyle {font-size: 10pt; font-family: Arial; width: 80%;}
＜/style＞
法则七：按钮，列表框和组群框大小的确定方法
1、如何确定按钮大小
方法一：在样式表单中指定按钮的固定宽度，所有需要相同尺寸的按钮都属于这一类别。其中需要注意的是尺寸单位应该是em，而不能是pixel。
代码样例如下：
＜style＞
.mainButton {width: 10em;}
＜/style＞
方法二：不指定按钮宽度，利用HTML的排版功能设置每个按钮的大小。这会造成所有按钮都同样大小，你可以再用HAL提供的简单代码调整同一类按钮的宽度。
代码样例如下：
＜script langauge=jscript src=http://www.webjx.com/htmldata/2005-02-17/HALsize.js＞＜/script＞
＜style＞
button {font: 9pt tahoma; padding-top: 0px; padding-bottom: 0px; padding-right: 6px; padding-left: 6px} .ButtonA{;}
.ButtonOKCancel {;}
＜/style＞
＜body onload='HALsizeButtons(document, "ButtonA", false);
HALsizeButtons(document, "[1] [2] [3] 下一页 更多精彩：学习网->http://www.haohao888.com.cn 网络编程->http://www.51wlpc.com 电脑设备->http://www.xpmaster.cn
|
|
|
|
| 文章录入：admin 责任编辑：admin |
|
|
上一篇文章： 什么是Dynamic HTML
下一篇文章： 实现HTML自动排版的法则 |
|
|
|
|
|
|
|
|
|
|
|
|
