Question

你好，以下网站上次评论http://premiumvoices.nl/all-reviews“蒂姆”出错了。所有其他评论都很好这是我的代码

.view-all-reviews .views-row {
    margin-bottom: 15px;
    overflow: hidden;
}

.view-all-reviews .views-field-php {
    display:inline-block;
    float:right;
}
.view-all-reviews .views-field-title {
    font-family: "BreeSerif", "latobold", Georgia, "Times New Roman", Times, serif !important;
    color: #407b92;
    font-weight: 500;
    font-size: 24px;
    display:inline-block;
}

Answer 1

我设法通过向包含该名称的字段内容类添加margin-right: 5px来修复它。

原因是名称太小，其他名称足够大，以至于它将它推到左侧，这就是你想要的地方。添加保证金可确保大小足以将名称推送到正确的位置。它也不会改变其他正确的布局。

Answer 2

这是因为＆＃34; Tim＆＃34;这个词太小了。然后，Tim *****小于您的总得分div。

清洁修复：

.view-all-reviews .views-field-php-1 {
    clear: right;
}

Answer 3

这是因为当名称很小时，所有三个（名称，星星和绿色部分）都可以放在一行中。

您应该float:left名称，clear:left绿色部分

.view-all-reviews .views-field-title{
  /*
   whatever properties you set
   and then add
  */
  float:left;
}
.view-all-reviews .views-field-php-1{
  /*
   whatever properties you set
   and then add
  */
  clear:left;
}

最后的评论出现了错误

3 个答案: