How transclude two images with layout horizaltally and same height?

#1

I get two tid about image, the content like :
[img[https://github.com/woshichuanqilz/OriImg/raw/master/%E9%95%BF%E5%9F%8EIMG.png]]

The images may be different height, I want to put them horizantally with same height how to make it?

What I have done:

  1. I make a template for image transclude which set the max-height with css, but they will lay vertically,

  2. I add this code into the tid, the image becomes the backgroud of the tid…

<div style="height: 100px;">
{{ImgA}}{{ImgB}}
</div>

So how to make it?

#2

See ## Images in WikiText and ## ImageWidget in the documentation then try setting the height of the image to a %.

#3

Thankyou.

Set a new field in the img tiddler, the field will be named ‘url’ and the value of the field is the url of th image.

Then get the field value with syntax title!!fieldName .

Example

<$image source={{黑猩猩IMG!!url}} height=100px>

</$image>