Comment ajouter un padding ou margin seulement pour le conteneur de disposition Angulaire ngMaterial?

Quand j'ajoute layout-margin ou layout-padding à une mise en conteneur cela ajoute de la marge/marge autour de chaque flex élément enfant et à le conteneur lui-même.

Exemple:

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

Comment ajouter un padding ou margin seulement pour le conteneur de disposition Angulaire ngMaterial?

Je veux ajouter des marges pour le conteneur et non pour les enfants du conteneur.

Comment ajouter un padding ou margin seulement pour le conteneur de disposition Angulaire ngMaterial?

Est-il un prédéfini classe dans la Conception de Matériel à ajouter rembourrage ou de la marge à la disposition de conteneurs sans les ajouter à la enfants à l'intérieur du conteneur de présentation?

OriginalL'auteur Mustapha Aoussar | 2015-11-27

  1. 1

    zps215 a la meilleure réponse, même si il ne l'utilise pas ngMaterial l'effet que vous recherchez est mieux résolus en utilisant une feuille de style CSS. Toutefois, la meilleure solution serait d'utiliser un rembourrage sur le conteneur parent, plutôt que de la marge.

    .container {
    padding: 20px;
}

    Toutefois, si vous avez vraiment vraiment besoin résolu avec ngMaterial vous pouvez rassembler vos marques dans un autre div et ajouter de la présentation de la marge.

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

    Ce serait d'obtenir le même effet désiré, mais il peut être source de confusion pour n'importe qui qui ajoute les enfants à cette div, comme ils le feraient d'obtenir une marge.

    OriginalL'auteur Voziv

  2. 1

    Vous pouvez créer une classe mère pour le conteneur et écrire css comme suit.

    .container {
   margin : 20px;
}

    Espérons que cette aide!

    Uhhhmmm je crois qu'il veut à l'aide de ngMaterial pas aléatoire CSS

    OriginalL'auteur Zeel Shah