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

Question

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

我想显示的字段标签（“姓名”，“年龄”和“国家”）和字段值（“吉荣”，“19”和“比利时”）在我在两列中查看，两者均列在左侧。

我知道如何删除冒号，但我没有一个关于如何字段标签和值分开线索。我怎样才能做到这一点？

---

编辑：给予阿贾伊的回答一个尝试，现在我有以下代码：

<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; 
    } 

这看起来很漂亮然而。我怎样才能很好地对齐两列的值？

Answer 1

感谢您使用更新后的HTML结构。 你可以去浮动︰

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

Answer 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; 
    }