Автоматическое масштабирование высоты изображения по фиксированной ширине в ItemStyle.xsl?

sharepoint.stackexchange https://sharepoint.stackexchange.com//questions/88711

  •  10-12-2019
  •  | 
  •  

Вопрос

Я использую SharePoint 2010.

У меня есть веб-часть запроса содержимого, и я создал свою собственную ItemStyle.xsl.В этом стиле элемента у меня есть некоторый заголовок, описание и изображение.Это изображение имеет фиксированную ширину и высоту 150 пикселей.Можно ли установить только фиксированную ширину в 150 пикселей и автоматическую масштабируемую высоту?

Это было полезно?

Решение

Как пропорционально изменить размер изображения с помощью CSS

Давайте предположим, что следующий xsl используется для рендеринга изображений в ItemStyle.xsl:

<img class="image" src="{$SafeImageUrl}" title="{@ImageUrlAltText}">
</img>

тогда следующий Css можно было бы использовать для пропорционального изменения размера изображения:

img.image {
    width:150px; 
    height: auto;
}
Лицензировано под: CC-BY-SA с атрибуция
Не связан с sharepoint.stackexchange
scroll top