Comment Espacez liens dans la barre de navigation, Cabane dans un arbre communautaire
J'ai quatre liens dans la barre de navigation et elles sont espacées à travers la barre de navigation lors de l'affichage par la petite taille de l'écran (pour mobile), mais avec l'affichage de bureau, ils semblent centré au milieu et non échelonnées sur la barre.
Est-il possible que les liens:
- rester dans une ligne 2.spread dans la barre de navigation pour toutes les tailles d'écran.
Captures d'écran: pour le bureau
Salut Jimmy Mannan,
La tl; dr version est qu'un élément parent peut être transformé en une boîte flex avec affichage: flex et des enfants directs seront les éléments flexibles. Sans voir tout votre code est ce que la théorie, et vous aurez besoin d'expérimenter. La première chose que je vais essayer est la suivante:
Voici un article CSS-Tricks sur FlexBox que je souvent référence.
Ce n'est pas la seule façon d'aller sur le contenu de centrage - c'est juste ma façon préférée. S'il vous plaît laissez-moi savoir si cela aide ou non.
Jimmy Mannan
Jimmy Mannan
Merci une tonne Robert. Obtenu ce que je voulais beaucoup, plus de trucs supplémentaires aussi.
Passez une bonne journée!
Ayoub AIT IKEN
Ayoub AIT IKEN
Hey. essayez de flotter votre barre de navigation à droite et votre logo à gauche, tout en dégageant des deux côtés.
Ayoub AIT IKEN
Ayoub AIT IKEN
Jimmy Mannan
Jimmy Mannan
Merci pour votre réponse Ayoub. J'ai ajouté des captures d'écran maintenant pour me expliquer mieux. Je pense que ma requête était pas très claire.
La barre de navigation doit rester pour toute la largeur de l'écran et je veux les liens de se propager trop au lieu de regroupement au centre car ils sont pour la taille de bureau.