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%;
}
相關文章
相關標籤/搜索