理解内联块div及其“边距”css属性

我试图理解这一点，以便裁剪和居中图像

我想我已经理解了大部分，但我仍然不明白为什么我需要这个：

.img-crop img{
    /* removes(sorta) image from the flow */
    padding-left: 100%;
    margin: -100% -100%;
}

---

我认为边距：-100%-100%用于垂直和水平居中图像，但为什么它被放置在容器的左侧，因此：为什么我需要左边的填充：100%？

我想我知道了它是如何工作的。你可以找到一个我试图从头开始为你写的例子。图像已替换为div，但由于它们都显示为内联块，最后一个可以方便地更改高度并使用它

---

如果您不想使用jquery来大量操作所有DOM，那么我认为它非常有用！在一组css规则集中裁剪和居中。

只是一个注释-边距：-100%-100%与边距：-100%相同在原始示例中，该值是边距：-999em-100%，但我正在进行一些测试。是的，我也看到了，你应该直接从代码中获取它，在这种情况下，-999em与-100%是不同的