是否可以使用CSS将所有属性(顶部，底部，左，右)指定

Question

我想在CSS的一行中指定所有属性（上，右，底部，左，左，左，左，左，左，左，左，左，左，左，左，左，左，左，左，左，左，左，左，指定 margin:50px; ( margin-top:50px,margin-right:50px,margin-bottom:50px,margin-left:50px )

有什么方法可以做到吗？

谢谢

Answer 1

是的，正确的方法就是这样。它右下是左下角。

margin: 10px 20px 50px 30px;

所以它的

margin: top right bottom left;

好吧，我不确定您在问什么。仍然。

所以我会尽力而为。

保证金的工作原理。如您所述，有4个侧面，左下方是时钟明智的运动。

您可以像我上面一样对准每个人，或者如果它们都一样，则可以做到这一点

margin: 20px;

但是，如果左和右相同，那么顶部和底部也可以这样做

margin: 20px 30px;

例如我使用

margin: 0 auto;

所有时间

您也可以做

margin: 20px 30px 10px;

将用20px用20px瞄准顶部，底部用10px和30px

对准顶部

如果您只想要权利，则可以执行此操作

边缘右：20px;

保证金顶，边距，边缘左左右也是如此。

Answer 2

最简单的方法是使用inset属性。

例如，两个

top: 5px;
bottom: 10px;
left: 8px;
right: 8px;

和

inset: 5px 8px 10px 8px;

做同样的事情。

您可以找到更深的信息＆amp;示例此处：https：//developer.mozilla.org/en-us/docs/web/css/inset

Answer 3

因此，您要问如何在一行上指定margin-top，margin-left，margin-bottom和margin-right？

简单：

您可以使用。margin: 25px 50px 75px 100px;。这将导致与：

相同

margin-top: 25px;
margin-right: 50px;
margin-bottom: 75px;
margin-left: 100px;

padding属性也是如此。

请参阅更多http://devdocs.io/css/margin和http://devdocs.io/css/padding

Answer 4

您可以这样使用inset：

inset: 5px 3px 1px 10px;

订单是top，right，bottom，left

Answer 5

在线上有许多值分配值：

1. 所有侧面相同的值：margin:10px;
2. 所有方面都需要不同的值：margin:10px 20px 30px 40px（顶部，右，底部，左）
3. 顶部和左右需要相同的值：margin: 10px 30px;（顶部，左右）。

与您在填充中所使用的所有相同。

Answer 6

您可以利用CSS中的插图来定义元素在其容器中的定位。它允许您指定元素的顶部，右，底部和左侧的值。

例如，您可以按以下方式设置它：

inset: 5px 3px 1px 10px;

在这种情况下，这些值分别对应于顶部，右，底部和左边缘。因此，该元素将从顶部放置5个像素，右侧为3个像素，底部为1个像素，从其容器内的左侧10个像素。

另外，如果您想要所有方向的相同像素值，则可以将其简化为：

inset: 3px;