html - 将 .field-item 图像 float 到内容类型的左侧而不是在 Drupal 中将其居中

Question

我对 Drupal 比较陌生，对 CSS 的了解一般，我正在尝试将特定内容类型上的图像 float 到内容的左侧，而不是让它单独位于页面的中心。该页面的目的是有一个元素列表(如目录)，左侧有一个图像，右侧有各种描述性字段。

使用我在网上找到的内容，我能够在我的 CSS 上得到它，这几乎可以工作，但是在第一行正确位于图像右侧之后，下一行出现在图像下方。我希望它们都在图像的右边。

因为 Drupal 正在生成代码，所以我无法轻松更改 HTML(尽管在工作中这在理论上是可能的)但 CSS 的更改很简单

.field-item img {

  /* Shift "thumbail" images to the left */

  /* new code to shift image to the left */
  float: left;
  padding-right: 10px;

  /* -- old code to center image
  margin-left: auto;
  margin-right: auto;
  */
}

我的主题来源于danland。该页面本身可以在 http://blog.creatingorigami.com/content/eric%E2%80%99s-lotus 上看到。

任何线索将不胜感激!

Answer 1

为什么要改html代码？这是废话。您可以使用 css 样式对 html 进行完整样式化。

不知道我理解的对不对。此问题是 clearfix hack，您的页面包含 clearfixs。

最快的解决方案。更改 css 属性从值继承中清除。在名为 system.base.css 的系统 css 中。路径为 ..(root)/modules/system/.etc

之后将全部包含在右侧。

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: inherit; /*changed property!*/
visibility: hidden;
}

舒适，但不干净的解决方案是暴力重写属性 到根 css 样式。

.clearfix:after {
    clear: inherit !important;
    }