Я имею в виду React Lazy Load Image Component .
Мне нужно настроить атрибут display
изображения, которое я рендерил с помощью этой библиотеки. Но, похоже, никак не могу найти.
Я пытался обернуть компонент div и использовать style={{display: 'inline'}}
, но это не сработало.
<div className="ui image" style={{ display: 'inline' }}>
<LazyLoadImage
src={src}
effect="blur"
/>
</div>
Я использую эту часть кода внутри <Card/>
компонента. CSS по умолчанию библиотеки содержит display: inline-block
, что делает мое изображение дополнительной границей внизу. Я не хочу этого.
PS
Я использую Semantic UI
для всего моего проекта. Я хочу использовать любой стиль, который мне предлагает Semantic. Вот почему мне нужно указать атрибут display
этой библиотеки.