|
|
 |
|
 |
实现HTML自动排版的法则2 |
热 ★★★ |
|
|
|
| 实现HTML自动排版的法则2 |
|
|
| 作者：佚名 文章来源：本站整理 更新时间：2008-10-8 21:34:13 |
|
|
|
ButtonOKCancel", true);'＞
＜button id=butOne class=ButtonA＞One Button＜/button＞＜br＞
＜button id=butTwo class=ButtonA＞Other Same Size Button＜/button＞
＜/body＞
2、如何确定列表框大小
首先，给短条目留出200%扩展空间，长条目留出100%扩展空间。然后把所有相关的列表框放在同样尺寸的表格单元中，以表格单元为基准，设置每个列表框为百分比形式（一般为100%）。
代码样例如下：
＜tr＞ ＜td width = 30%＞
＜select style = "width:100%"＞
＜option＞Bulgaria
＜option＞Greece
＜/select＞
＜/td＞
＜/tr＞
＜tr＞
＜td＞ ＜!—同列不同行 --＞
＜select style = "width:100%"＞
＜option＞Bulgarian
＜option＞Greek
＜/select＞
＜/td＞
＜/tr＞
3、如何确定组群框的大小
对于组群框，最好是给文本留出扩展空间，并使其实际大小随表格变化而变化。包含组群框的表格单元要设为"nowrap"。组群框中的所有控件要同组群框放置在一个表中。
代码样例如下：
＜td width = 30% nowrap＞ ＜fieldset style = "width:100%; height: 100%"＞
＜legend＞Group Box Label＜/legend＞
… 组群框中的所有控件应该在一个＜table＞中 …
＜/fieldset＞
＜/td＞
注：不一定设置高度为100%，除非你只需要组群框与其它控件左右对齐。
法则八：高度的设置
尽量不给含有文本的表格单元设置固定高度，否则当表格中文本换行或字体改变后，表格会变得非常难看。起分隔作用的空行除外。
你可以在字体大小范围内给包含单行控件的表格单元设置高度。
应该给样式表单中的每个元素设置行高。否则，当用户在IE中改变字体大小时网页的外观就会改变。表格单元也要如此设置。
＜style＞ body, td {font-family: tahoma; font-size: 8pt; line-height: 10pt;}
... 设置其他所有元素 ...
＜/style＞
法则九：不使用左对齐和右对齐
对任何表格（或相应的CSS样式）都不要使用"align=left" 或 "align=right"。否则在中东语言环境下就不能正确调整。正确的方法是通过在单元格一侧附加单元使其左移或右移。还要确保左边界和右边界值相等。
法则十：避免将本地化工作人员需要改变的CSS值内联在网页中
将所有本地化工作人员可能需要改变的CSS值保存在层叠式表单文件中。这样本地化工作者只需改变一个样式表单文件上一页 [1] [2] [3] 下一页
|
|
|
|
| 文章录入：admin 责任编辑：admin |
|
|
上一篇文章： 什么是Dynamic HTML
下一篇文章： 实现HTML自动排版的法则 |
|
|
|
|
|
|
|
|
|
|
|
|
