|
|
 |
|
 |
实现HTML自动排版的法则 |
热 荐 ★★★ |
|
|
|
| 实现HTML自动排版的法则 |
|
|
| 作者：佚名 文章来源：本站整理 更新时间：2008-10-8 21:34:13 |
|
|
|
一：不使用绝对位置
不要在CSS属性中设置为绝对位置。最不当之处的是设置成绝对位置的同时也把左上角设置为固定值。
对页面中元素使用绝对位置将使其不能够自动定位和确定尺寸。绝对位置只适用于层叠式表单（CSS）。position，left和top是层叠式表单中控制位置的关键属性。
以下代码是绝对不允许的：
＜DIV id = idFindWhatLabel style = "position: absolute; left: 0.98em; top: 1.2168em; width: 4.8em; height: 1.2168em;"＞
Fi＜U＞n＜/U＞d what:
＜/DIV＞
绝对位置的使用特例：
所有HAL法则都有特例。如果用表达式表示的绝对位置就可以使用，可以参考法则二。
法则二：对话框应当匹配最大可用宽度和高度
使用最大可用宽度和高度设计对话框。这有两种方法：
1、用width=100%的表格来构建对话框。
代码样例如下：
＜body＞
＜table width=100%＞
＜… can contain other tables …＞
＜/table＞
＜/body＞
2、使用基于表达式的位置和基于对话框大小的尺寸（即body.clientHeight）。
代码样例如下：
＜div style='position:absolute; height:
expression(document.body.clientHeight / 2); width:
expression(document.body.clientWidth / 2); '＞
＜/div＞
当表里嵌有多个表格时，最好的解决方法是正确设置元素的大小再放入表中，并且维持它们的相对位置。
在操作过程中需要考虑：
- 哪些控件有相同的尺寸。它们必须位于相同的表格单元中，可以不在一行。
- 哪些控件有相同的对齐方式。
- 哪些控件会将其它控件挤到右边。
- 哪些控件有固定的尺寸。
多数情况下本地化人员只允许给对话框设置初始化的宽度和高度。只有非常必要时才使用固定的对话框宽度（例如对话框必须匹配其它对话框的制表符）
法则三：每个控件都应位于分离的表格单元中
尽量使每个控件位于分离的表格单元中。这样做文本可以单独换行，并且在中东语言环境下也可以进行翻转和定位调整的工作。
有些情况下可以忽略这条法则：
法则四：允许文本换行
在包含文本的表格单元中不要用"nowrap"属性（如＜td nowrap＞），否则文本变长时就不能换行。当想让文本占用一行并保证为翻译成其它语言留有足够的空间时，才能使用这一属性。
有时为了保持对话框整体比例平衡，需要用到"nowrap"属性。
错误的换行方法上一页 [1] [2] [3] 下一页
|
|
|
|
| 文章录入：admin 责任编辑：admin |
|
|
上一篇文章： 实现HTML自动排版的法则2
下一篇文章： 详细了解Anchor标记 |
|
|
|
|
|
|
|
|
|
|
|
|
