Peut-on définir min-margin et max-margin, max-padding et min-padding dans css?

Peut-on définir min-margin et max-marginmax-padding et min-padding en CSS ?

source d'informationauteur omkar

  1. 16

    Non vous ne pouvez pas.

    margin et padding propriétés n'ont pas le min/max préfixes

    La seule environ la façon serait d'utiliser des unités relatives (vh/vw), mais toujours pas min/max

  2. 4

    margin et padding n'ont pas le min ou le max de préfixes. Parfois, vous pouvez essayer de spécifier la marge et le remplissage en termes de pourcentage pour le rendre variable par rapport à la taille de l'écran.

    Plus loin, vous pouvez également utiliser des min-width, max-width, min-height et max-height pour faire les choses semblables.

    Espère que cela aide.

  3. 2

    Malheureusement vous ne pouvez pas.
    J'ai essayé en passant la fonction max pour le rembourrage pour tenter cette fonctionnalité, mais j'ai une erreur d'analyse dans mon css. Ci-dessous est ce que j'ai essayé:

    padding: 5px max(50vw - 350px, 10vw);

    J'ai ensuite essayé de séparer les opérations dans des variables, et qui ne fonctionne pas, soit

      --padding: calc(50vw - 350px); 
  --max-padding: max(1vw, var(--padding));
  padding: 5px var(--max-padding);

    De ce qui est finalement travaillé était juste de nidification ce que je voulais collier dans une div avec la classe "centré" et à l'aide de largeur maximale et la largeur comme 

     .centered {
 margin: 0 auto;
 max-width: 700px;
 height: 100%;
 width: 98vw;
}

    Malheureusement, cela semble être la meilleure façon d'imiter un "max-padding" et "min-rembourrage". J'imagine que la technique pourrait être similaire pour "min-marge" et "max-marge". J'espère que cela s'ajoute à un certain point!

  4. 1

    Je pense que votre problème sera de résoudre à l'aide de:

    1 min-width:

    2 max-width:

  5. 1

    J'ai été confrontée au même problème aujourd'hui. Apparemment, la solution est aussi simple que d'utiliser :

    padding: calc(*put fixed pixels here*px + *put your required %age here*%)

    Note que vous avez à décrémenter le nécessaire %âge un peu de considération pour les pixels fixes.

  6. 0

    Je pense que j'ai juste couru dans un problème similaire où j'essayais de le centre d'une zone de connexion (comme gmail boîte de connexion). Lors du redimensionnement de la fenêtre, le centre boîte de débordement de la fenêtre du navigateur (en haut) dès que la fenêtre du navigateur est devenu plus petit que la boîte. De ce fait, dans une petite fenêtre, même lorsque vous faites défiler jusqu', le haut contenu a été perdu.

    J'ai été en mesure de corriger ce problème en remplaçant le centrage de la méthode que j'ai utilisé par le "margin: auto" mode de centrage de la zone dans son conteneur. Cela empêche la boîte de débordement dans mon cas, en gardant tout le contenu disponible. (marge minimale semble être 0).

    Bonne Chance !

    edit: margin: auto ne fonctionne qu'à la verticale du centre de quelque chose si l'élément parent a sa propriété d'affichage réglé sur "flex".