export html bug with <div style="display:flex"> tag

[RyanLei-icer]

• Searched existing issues to avoid creating duplicates.

• Confirmed that it can be reproduced in built-in themes without customized css.

  If it only exists in 3rd party themes or css, you can still report it, but please attach the theme target or the css file. We may not "fix" it, if it is caused by 3rd party themes or css styles that we cannot support.

• Searched http://support.typora.io/

---

Describe the bug
When I export something like:

<div style="display:flex">
    <div>
        <img src="im0b1xoxdl.jpeg" alt="im0b1xoxdl" />
        <p><center>大端格式</center></p>
    </div>
    <div>
        <img src="xh1ken5vrk.jpeg" alt="xh1ken5vrk" />
        <p><center>小端格式</center></p>
    </div>
<div>

Such side-by-side pictures will lead to typesetting dislocation of subsequent content:

This is true no matter what theme I use, so I rule out css problems.

To Reproduce
Steps to reproduce the behavior:
You can use this file to export html to view bugs.
pngtest.zip

Expected behavior
Side-by-side pictures should not change the layout of subsequent content.

Desktop (please complete the following information):

• OS: [Windows 11 64bit]

Typora Version
e.g: 1.9.5