Drupal views中实现两列布局

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

若是要达到以下效果:spa

 

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

咱们能够安装views_fieldset模块code

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

咱们在views中添加两个Globalfielsethtm

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

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

Display type选择"<div>"it

 

排列以下:table

效果以下:

 

这样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%;
}
相关文章
相关标签/搜索