如何在视图的两个单独列中显示标签和值？答案

【问题标题】：How to display the labels and values in two separate columns in a view?如何在视图的两个单独列中显示标签和值？
【发布时间】：2014-05-01 17:54:25
【问题描述】：

我在 Drupal 7 中创建了一个显示一些用户字段的视图。我目前使用的是未格式化的列表布局，但我对它的外观不太满意。

我想在我的视图中分两列显示字段标签（“姓名”、“年龄”和“国家”）和字段值（“Jeroen”、“19”和“比利时”）在左侧列出。

我知道如何删除冒号，但我不知道如何分隔字段标签和值。我该怎么做？

编辑：尝试 Ajay 的回答，我现在有以下代码：

<div>
 <div class = "user-label">Name</div>
 <div class ="user-value">[field_name]</div>
</div>
<div>
 <div class = "user-label">Age</div>
 <div class ="user-value">[field_age]</div>
</div>
<div>
 <div class = "user-label">Country</div>
 <div class ="user-value">[field_country]</div>
</div>

这是样式：

 .user-label{
    float:left;
    font-weight: bold;
   }

  .user-value{
    float:left;
    margin-left: 20px;
  }

不过，这看起来不太漂亮。如何在两列中很好地对齐值？

【问题讨论】：

标签： html css drupal-7 drupal-views multiple-columns

【解决方案1】：

感谢更新的 HTML 结构。 您可以使用 float ：

<!--language:css-->.user-label {
  float:left;
  clear:left;
  width:5em;/* tune this, you may other div for input too*/
}

【讨论】：

【解决方案2】：

1) 创建的视图名称为“Test”

2）转到字段部分并将字段添加为用户的“名称”，同时在其下方添加字段选项“重写结果”部分。

3）打开“重写结果”部分，您可以在其中获得复选框名称为“重写该字段的输出”选中该框并编写以下代码

 <div class= "main-user">
     <div class = "user-label">Name</div>
     <div class ="user-value">[name]</div>
 </div>

并在你的 custom.css 文件中添加样式

 .user-label{
    float:left;
   }

  .user-value{
    float:left;
  }

【讨论】：