HTML+CSS div实现空行,padding起作用,margin不起作用
今天在开发一个web应用时,需要在页面上增加一个空行,但我又不希望增加多余的代码,比如使用 来增加内容,也不希望使用<br />这样多余的html无素,因此我直接使用了
<div>上面增加样式来控制显示的效果。
<style>
.p_5 {padding:5px}
.m_5 {margin:5px}
</style>
<div>A1</div>
<div class="p_5"></div>
<div class="m_5 "></div>
<div class="ta_c m_10 fs_14”>sss</div>
对于margin外边距,如果DIV里面没有东西,则外边距,也不会起作用
对于padding内边距,如果DIV里面没有东西,则外边距,也会起作用(增加了边柜),在页面上显示出来

对于这种情况,估计原因是:
用padding时,因为对于这个div的box,增加了内边距,使即使div里没有无素也占用空间
而用margin时,因为对于这个div的box,增加外边距,但这个div本身就没有元素,因此它无法增加,应该可以这样理解。