45. 单选框、复选框与后面的文字对不齐

时间:1970-01-01 08:00 来源: 作者: 点击:次

　你会看到这个提示，那是因为你的系统无法识别某栏目的模型信息，或者你新建模型后，没为这个模型设计单独的模板。不同模型的文档浏览页的模板为：article_模型名字标识.htm 如“article_article.htm”，更多的信息你可以在频道模型管理的地方查看。

附加标题 内容：
模板调用标记：

题型:1单选，2多选，3填空，4问答，5排序 内容：
模板调用标记：

选项A 内容：
模板调用标记：

选项B 内容：
模板调用标记：

选项C 内容：
模板调用标记：

选项D 内容：
模板调用标记：

答案内容：
模板调用标记：

问题：
单选框、复选框与后面的文字对不齐。
解决：
.align{font-size:12px;}
.align input{ display:block; float:left;}
.align label{ display:block; float:left;padding-top:3px; \*padding-top:5px;}

需注意的问题：

设置 padding 后高度和宽带都会增加说明：除了 ie5.5，其他所有浏览器中，设置 padding 以后高度和宽带都会增加
使用 XHTML 1.0Transitional 后，div 宽度说明：在使用 XHTML 1.0Transitional 以后 div 宽度都不包含 border 的宽度了，设置宽度的时候需要注意下。
外层相对定位，内层绝对定位说明： ie6 下，外层 div 的 postion:relative，并设置 text-align，内层 div 的 postion: absolute，这时内层的位置是相对于 text-align 而言的例如：

<div style="position:relative;border:1px solid orange;text-align:center;zoom:1">
  position:relative
  <div style="position:absolute;top:0;left:0;background:#CCC;">
    position:absolute
  </div>
</div>

难度：1入门级，2初级，3中级，4高级 内容：
模板调用标记：

1,2,3,4

专业分类 内容：
模板调用标记：

(责任编辑：admin)