Wie hinzufügen von padding oder margin nur auf die layout-container in Eckige ngMaterial?

Wenn ich layout-margin oder layout-padding zu einem layout-container, fügt diese Marge/Polsterung um jeden flex Kind-element und die container selbst.

Beispiel:

<div layout="row" layout-margin>
  <div flex>Parent layout and this element have margins.</div>
</div>

Wie hinzufügen von padding oder margin nur auf die layout-container in Eckige ngMaterial?

Möchte ich hinzufügen, Ränder der Behälter und nicht die Kinder des Containers.

Wie hinzufügen von padding oder margin nur auf die layout-container in Eckige ngMaterial?

Gibt es eine vordefinierte Klasse in Material Design " padding oder margin, um die layout-container, ohne Sie zu addieren, um die Kinder im layout container?

InformationsquelleAutor Mustapha Aoussar | 2015-11-27

  1. 1

    zps215 hat die beste Antwort, auch wenn es nicht mit ngMaterial die Wirkung, die Sie suchen, am besten gelöst mit CSS. Aber die bessere Lösung wäre die Verwendung von Polsterung auf den übergeordneten container anstelle der Marge.

    .container {
    padding: 20px;
}

    Jedoch, wenn Sie wirklich, wirklich brauchen es gelöst mit ngMaterial Sie wickeln konnte Ihr markup in einem anderen div-Element und fügen Sie layout-Rand.

    <div layout-margin>
  <div layout="row">
    <div flex>Parent layout and this element have margins.</div>
  </div>
</div>

    Diese würde erhalten die gleiche gewünschte Wirkung, wenn es vielleicht verwirrend für jeden, fügt Kinder, die div als würden Sie eine Marge als gut.

    InformationsquelleAutor Voziv

  2. 1

    Können Sie erstellen, die Klasse-Eltern-für-container und css schreiben wie folgt.

    .container {
   margin : 20px;
}

    Hoffe, das hilft!

    Uhhhmmm ich denke er meint mit ngMaterial nicht zufällig CSS

    InformationsquelleAutor Zeel Shah

Schreibe einen Kommentar