Partage
  • Partager sur Facebook
  • Partager sur Twitter

css flex avec dernière div plus large

    20 septembre 2022 à 17:22:36

    Bonjour à tous,

    ce soir, je patauge avec une histoire de div Flex, j’ai une div qui contient six autres div les cinq premières ont la même largeur la sixième est 20 % plus large que les cinq premières.

    Lorsque j’applique la méthode Flex sur les six tout fonctionne correctement avec largeurs égales , je n’arrive pas à paramétrer la largeur de la sixième Flex div qui doit être supérieur de 20 % aux 5 premières.


    Je serais content de lire vos lumières !


    Cordialement

    • Partager sur Facebook
    • Partager sur Twitter
      20 septembre 2022 à 18:47:08

      bonsoir,

      arithmétiquement, ça ne peut pas tomber juste,

      5a + 1,20a = 100

      6,20a= 100

      a = 100/6,20

      a = 16,129032258064516

      CQFD, pas de solutions entières 

      sinon, les cinq à 16%,et le sixième à 20%, ça colle, ou 16,1 et 19,5, ou 16,2 et 19

      est-ce qu'il y a des marges autour des div ?

      Et la div flex a une largeur fixe ? si ou, quelle largeur ?

      -
      Edité par ChrisLebure 20 septembre 2022 à 18:48:25

      • Partager sur Facebook
      • Partager sur Twitter
        20 septembre 2022 à 19:25:54

        Bonjour.

        Tu donnes la règle 

        flex:1


        à toutes tes div, sauf à celle que tu veux un peu plus grande, pour laquelle tu poses

        flex: 1.2

        Enfin, en principe.

        Tu nous dis si c'est ok ?

        -
        Edité par Domi65 20 septembre 2022 à 19:27:55

        • Partager sur Facebook
        • Partager sur Twitter
          21 septembre 2022 à 9:56:11

          SUPER cela fonctionne parfaitement.

          1000 merci

          Bonne journée

          • Partager sur Facebook
          • Partager sur Twitter
            21 septembre 2022 à 10:21:58

            Très bien ! Pense donc à mettre ton topic en résolu.

            A +

            • Partager sur Facebook
            • Partager sur Twitter

            css flex avec dernière div plus large

            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
            × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
            • Editeur
            • Markdown