CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : [CSS] inline-block aligné à gauche ?

DébutPage précedente
1
Page suivantePage suivante
Benekiki Benekiki
MP
Niveau 10
23 mai 2016 à 19:31:58

Bonjour, j'aimerais que mes divs soit centrées en block comme avec un inline-block, mais que lorsque ça passe à la ligne en dessous cela s'aligne à gauche.
J'ai essayé float left, mais ce n'est plus centré à ce moment là...

Voici un screen :
http://i.imgur.com/mlYZcDv.png

merci.
(et si vous avez des conseils pour quoique ce soit d'autre je prends)

Message édité le 23 mai 2016 à 19:32:55 par Benekiki
lisarael lisarael
MP
Niveau 13
23 mai 2016 à 20:10:24

Tu devrais jeter un oeil à flexbox.

Benekiki Benekiki
MP
Niveau 10
23 mai 2016 à 20:17:11

Malheuresement même problème avec la flexbox
Quand j'utilise justify-content: center; avec un flex-wrap: wrap; tout sera centré, et donc le bas aussi

Message édité le 23 mai 2016 à 20:17:35 par Benekiki
lisarael lisarael
MP
Niveau 13
23 mai 2016 à 21:23:55

Avec flex:
element:last-child { margin-right: auto; }

Benekiki Benekiki
MP
Niveau 10
23 mai 2016 à 21:44:15

Merci pour ta réponse, cela n'a pas l'air de marcher, même si l'idée de faire référence au dernier bloc est intéressante, il se peut qu'il y en ai plusieurs :
http://i.imgur.com/XVZSbzr.png

J'ai du mal à faire un design responsif en gardant une interface pas trop moche...

Message édité le 23 mai 2016 à 21:49:10 par Benekiki
ElSalad ElSalad
MP
Niveau 9
23 mai 2016 à 23:33:41

text-align: center du conteneur des div test rentre en conflit avec le float left des div test et text align l'emporte à mon avis. Si c'est pas ça envoie le code html ça m'aidera un peu :- )

Benekiki Benekiki
MP
Niveau 10
23 mai 2016 à 23:49:40

J'ai trouvé une solution que j'essayerais demain, je veux pas t’embêter, merci à tous.
http://codepen.io/dalgard/pen/Dbnus

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : godrik, LGV
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment