zoukankan      html  css  js  c++  java
  • Drupal views中实现两列布局

    Views中的format有table,grid,unformatted list等,但是没有2 columns等选项。

    如果要达到如下效果:

    左侧一列有title,content,右侧一列image。各占50%。

    我们可以安装views_fieldset模块

    安装此模块后可添加"Global: Fieldset"字段。

    我们在views中添加两个Globalfielset

    在配置页面title分别命名fieldset-leftfieldset-right

    html classes分别命名content-left和content-right

    Display type选择"<div>"

    排列如下:

    效果如下:

    这样views每一项的html结构就会类似:

    <div class="left-content">
       <div class="views-title"></div>
       <div class="views-body"></div>
    </div>
    <div class="right-content">
       <div class="views-image"></div>
    </div>

    最后在CSS中调整样式:

    .left-content {
       float:left;
       width:50%;
    }
    .right-content {
       float:right;
       width:50%;
    }
  • 相关阅读:
    闭包
    保存数据
    Browers Object Model
    JavaScript中的null和undefined
    魔法查询函数
    《黑客与画家》 读书感想
    CakePHP查询数据
    HDFS写入和读取流程
    回调函数
    JAVA中的指针
  • 原文地址:https://www.cnblogs.com/mafeifan/p/5077820.html
Copyright © 2011-2022 走看看