You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This difference will be much bigger for reST figure directive, since it uses 1.5em margin for both div and img.
For markdown, the difference is not so big, but you can still observe it:
parent <p> block
<img> block
Here the p tag has 20px 0 20px 0 margin, 0 border and 0 padding. And the img tag has 0 margin, 2px border and 5px padding. Image's width is limited by max-width: 100%;, so now it should have the same width with parent p tag. But img block's width should add margin, border and padding together. Thus, 2px + 5px + 459px + 5px + 2px = 473px. The visual effect is that the image seems to be placed a little right, and might overlay right sidebar in some cases.
The text was updated successfully, but these errors were encountered:
This difference will be much bigger for reST
figure
directive, since it uses 1.5em margin for bothdiv
andimg
.For markdown, the difference is not so big, but you can still observe it:
<p>
block<img>
blockHere the
p
tag has20px 0 20px 0
margin, 0 border and 0 padding. And theimg
tag has 0 margin, 2px border and 5px padding. Image's width is limited bymax-width: 100%;
, so now it should have the same width with parentp
tag. Butimg
block's width should add margin, border and padding together. Thus,2px + 5px + 459px + 5px + 2px = 473px
. The visual effect is that the image seems to be placed a little right, and might overlay right sidebar in some cases.The text was updated successfully, but these errors were encountered: