第201天 解释下为什么<p> </p>会换两行？
html
haizhilin2013
>All comments
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
查阅p标签的用户代理可知，默认上下margin为1em，所以等效于两行字那么高。
margin-block-start /end等效于上下外边距
margin-inline-start/end等效于左右外边距
gxtfighting
on 5 Nov 2019
👍3
Was this page helpful?
0 / 5 - 0 ratings
Related issues
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
Most helpful comment
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
查阅p标签的用户代理可知，默认上下margin为1em，所以等效于两行字那么高。
margin-block-start /end等效于上下外边距
margin-inline-start/end等效于左右外边距