泰安网站建设有哪些,wordpress 是谁开发的,织梦网站主页,诚聘网站开发表单排版样式 960css 前言 一般web网页的表单排版#xff0c;大家都习惯用table排版#xff0c;自己需要根据实际需要去定义TR和TD#xff0c;很多时候对于TD的高宽度、是否合并行#xff0c;合并列#xff0c;都要去做一些处理#xff0c;这些都是比较繁琐的工作。找到一…表单排版样式 960css 前言 一般web网页的表单排版大家都习惯用table排版自己需要根据实际需要去定义TR和TD很多时候对于TD的高宽度、是否合并行合并列都要去做一些处理这些都是比较繁琐的工作。找到一个表单排版的替代工具提前定义好CSS样式无疑可以减轻我们的这些工作。 下面简单一个一个表单排本CSS框架960css. 960css目录结构 (其中960分为fixed和fluid两种) 示例 比如排版一个如下图的输入表单 div idmaster classcontainer_12div classgrid_1 lbl单据号/divdiv classgrid_3 valinput typetext idBillNo nameBillNo data-cpequal classz-txt readonlyreadonly //divdiv classgrid_1 lbl备注/divdiv classgrid_3 valinput typetext idRemark nameRemark classz-txt //divdiv classgrid_1 lbl仓库/divdiv classgrid_3 valinput typetext idIDStore nameIDStore classz-txt //divdiv classclear/divdiv classgrid_1 lbl材料类别/divdiv classgrid_3 valinput typetext idIDMaterialType nameIDMaterialType classz-txt //divdiv classgrid_1 lbl领料单位/divdiv classgrid_3 valinput typetext idIDPickUnit nameIDPickUnit classz-txt //divdiv classgrid_1 lbl领用人/divdiv classgrid_3 valinput typetext idIDPickPerson nameIDPickPerson classz-txt//divdiv classclear/div/div View Code 其中最外层div classcontainer_12 这是选择960css的12列表格模型 div classgrid_1 lbl单据号/div 这 class grid_1表示这个div占12列中的一列 classlbl表示它是个label,其它div类推即可 . 所以这样排版跟以前的table排版相比大大的简化了我们的工作. 官网: http://960.gs/ 转载于:https://www.cnblogs.com/birdwawe/p/4062106.html
