按 ItemStyle.xsl 中的固定宽度自动缩放图像高度?
-
10-12-2019 - |
题
我正在使用 SharePoint 2010。
我有一个内容查询 Web 部件并创建了自己的 ItemStyle.xsl
. 。在这个项目样式中,我有一些标题、描述和图像。该图像的固定宽度和高度为 150 像素。是否可以仅设置 150px 的固定宽度和缩放的自动高度?
解决方案
如何通过CSS按比例调整图像大小
假设以下 xsl 用于图像渲染 ItemStyle.xsl
:
<img class="image" src="{$SafeImageUrl}" title="{@ImageUrlAltText}">
</img>
那么可以使用以下 Css 按比例调整图像大小:
img.image {
width:150px;
height: auto;
}