zoukankan      html  css  js  c++  java
  • 960 grid system的一点研究

    今天看了一下960 grid system的CSS, 感觉真是简单,共包括3个文件,第一个是reset.css,用于重置样式;第二个文件是text.css,定义了一些元素的基本样式;第三个是核心文件960.css, 仅仅只包含了.container_X .grid_X .prefix_X  .suffix_X  .pull .push .alpha .omega .clear, 但是功能却非常的强悍,而且支持多个浏览器,对网页排版有很大的帮助,再也不用为div对齐而烦恼。 

    在实际的使用过程中,.alpha .omega的使用不是很方便,例如一个表单的排版,例如里面有6个字段,排成3行,这样每行的第一个要加上alpha, 后面一个要加上omega, 而我要的是动态排列,比如某一个字段隐藏后,后面的字段自动补上来,而不是留下空白。

    在6个字段外面包多一个div, div的样式是如下, 这样6个字段就可以动态排列了,而不用拆成3行

    .row
            {
                margin-left
    : -5px;
                margin-right
    : -5px;
                float
    : left;
            
    }
  • 相关阅读:
    ubuntu Server 16.04 LTS 安装odoo
    linux常用命令大全
    sql 百万级数据库优化方案
    FreeSpire.XLS的使用
    备份集中的数据库与现有的数据库不同解决方案
    图片延迟加载的实现
    亚马逊菜单应用例子
    提取吗
    linux内核学习网站
    phpexcel1
  • 原文地址:https://www.cnblogs.com/zq8024/p/2551515.html
Copyright © 2011-2022 走看看