意想不到的＆＃34;空间＆＃34;有边框

Question

当我向div添加1px border时，边框与div内的内容之间会出现意外空格。

使用边框：image

<div class="reporting square" style="border: 0.5px solid red; padding: 0px;">
   <p>Hi</p>
</div>

没有边框：image

<div class="reporting square" style="padding: 0px;">
   <p>Hi</p>
</div>

Answer 1

您可以使用 Css Reset

或使用至 p margin:0;

＆＃13;

＆＃13;

p{margin:0;}

＆＃13;

<div class="reporting square" style="border: 0.5px solid red; padding: 0px;">
<p>Hi</p>
</div>

＆＃13;

＆＃13;

＆＃13;

<强> Used to css Reset