React markdown выравнивание изображения с Contentful markdown

Я использую Contentful для хранения контента для статей и React markdown для разбора, и это работает очень хорошо. Но я не знаю, что делать, когда дело доходит до выравнивания изображений, таких как два изображения бок о бок.

Есть ли способ увидеть в уценке, сколько изображений renderad? Тогда я мог бы сделать выравнивание на основе того, сколько изображений есть в markdown

2 ответа

  1. Вы можете стилизовать изображения с помощью селектора next-sibling.

    Возможно что-то вроде этого:

    img + img { /* styles for any image directly after another image */ }
    
  2. Вы можете вставить некоторые HTML (что не является идеальным решением) в markdown, как <img='img' class='align-left' />вы также можете иметь отдельное поле типа списка активов, и вы получаете эти изображения отдельно и добавляете их в свой HTML