center image

[sgandon]

I there a way to center the image on a slide with the new Marpit engine ?
I used to set ![50% center](myimg.png) but both the percentage and position seem to not work anymore.

[yhatt]

Both of supports in Marpit have been put off based on early feedback.

• Scaling by percentage from image size cannot keep exactly same behavior in cross-browser. A non-standard zoom style, had internally used in the old Marp, is not supported in Firefox. Please use resizing keyword with absolute length: ![w:640](). ref. Support image resizing with width and height keyword #62

• center keyword has to change display style property of img element. It may cause the unexpected breaking CSS theme, so Marpit has not the support of center keyword. ref. Image attributes suggestion yhatt/marp#251 (comment)

About center keyword, I could not decide to support because I think turning inline element <img> into block element implicitly is an unexpected behavior for user.

Nevertheless if you want center keyword, you can tweak style via <style> tag in Markdown.

<style>
img[alt~="center"] {
  display: block;
  margin: 0 auto;
}
</style>

![w:640 center](image.png)

[sgandon]

I can get around the percentage limitation and can understand the removal of it but the center keyworkd would be really great.
the tip you gave works really well, thanks.

[yhatt]

The latest Firefox 126 is finally supported zoom CSS property. That means that zoom property is available in all major browsers, and we are ready to get back the image scaling by percentage ![50%](xxx.png), the feature from a classic Marp. However, I don't know whether actually do so :p