我试图理解这两者之间使用上的核心差异,但是我没有找到一篇详细比较它们的文章或文档。以这里提供的例子为例,假设以下情况:
div {
background-color: yellow;
width: 120px;
height: 120px;
}
.exampleText {
writing-mode: vertical-lr;
margin-block-start: 20px;
background-color: #c8c800;
}
<div>
<p class="exampleText">Example text</p>
</div>
这个实例和使用margin-top
的实例之间的区别非常小(但是很显著)。
规范说明margin-block-start
取决于布局模型,而margin-top
指的是包含块的宽度。希望有人能用通俗易懂的语言解释一下。
margin-top
为10%
,并且您增加了包含块的宽度,则相对于包含块的计算宽度,它将为10%
。 - disinfor