Question

我正在尝试设置Drupal Views生成的内容列表。我可以编辑字段的HTML输出但无法访问CSS。内容包括需要浮动/对齐到左侧的图像，以便文本在其周围流动。原始图像文件有多种尺寸。我用于图像字段的HTML是：

<img src="[image url]" width="220" height="auto" align="left" />

然而，在某些情况下，图像比其他图像更长，我会得到这样的重叠效果：

我想要的是他们所有人都这样显示：

我怎么能这样做？

Answer 1

Drupal默认提供裁剪/缩放图像功能。没有必要提供更大的图像并缩小它们或使用CSS裁剪它们。这是浪费资源（带宽）。

转到配置 - ＆gt;媒体 - ＆gt;图像样式（来自管理菜单）并定义您需要的样式。它非常简单 - 你只需要命名你的风格和你想要的拣选效果（即“缩放和裁剪”），设置你需要的尺寸并保存新的风格。

然后你应该开始使用那种风格。如果通过查看生成页面，则查找并编辑该视图。找到该图像字段并将其设置为使用您的新样式。

其他方法是直接从模板文件强制显示您的样式中的图像。找到图像的打印和使用位置：

第一个参数是样式名称，因此请输入刚刚创建的样式名称。其他参数是URI（不是路径，如该页面所述！）。打印出来（print_r或var_dump你在模板文件中的整个图像对象，看看你如何访问图像URI。它应该是这样的：

$node->field_my_image['und'][0]['uri'])

因此将其作为第二个参数传递。

Answer 2

即使您无权访问CSS，您仍可以在HTML代码中添加style来使用CSS。

关于您的重叠问题，假设您有div包含您的图片，可以将div的{{1}}设置为style。您也可以为包含图片的style="overflow:hidden"留出足够的空间。