Dev Faq
0
votes

Comment puis-je atteindre cet utilisation de CSS

Ceci est look que j'essaie d'achier xxx

ou cela peut être comme celui-ci xxx

et ceci trop xxx

J'ai essayé le CSS d'abord et dernier Enfant, il n'a pas fonctionné. Le jeu de boutons doit apparaître en tant que groupe et premier et dernier élément doit être arrondi, dans certains cas, le groupe de boutons ne peut avoir que deux boutons ou un seul. Tout conseil? xxx

2 commentaires

ul {style de liste: aucun; } li {flotter: gauche; Rembourrage: 10px; Affichage: flex; } .inner-box {Fond: #EEE; flotteur: gauche; frontière-rayon: 20px; PADING: 0PX 10PX; }

      • a
      • "intérieur"> b
      • c
      • d
      • e

        Salut copie et essayez-le

3 Réponses :

0
votes

Voulez-vous regrouper les éléments de la liste, peu importe le nombre d'articles disponibles?

Je pense que c'est ce dont vous avez besoin: p>

p> 

<div class="list">
  <div class="group">
    <div>A</div>
    <div>B</div>
    <div>C</div>
  </div>
  <div>D</div>
  <div>E</div>
  <div class="group">
    <div>A</div>
    <div>B</div>
    <div>C</div>
  </div>
  <div>D</div>
  <div>E</div>
</div>

4 commentaires

pas vraiment. Juste l'ABC doit être dans le groupe et B devrait être caché. Fondamentalement, seul le .btn doit être regroupé. Merci pour l'aide

Pouvez-vous changer la structure HTML?

J'ai changé la réponse. Est-ce correct ? Vous pouvez avoir plusieurs groupes

Cette structure est un peu complexe. Plus la structure ne peut pas être changée

1
votes

Vous étiez sur la bonne voie. C'est ce que vous recherchez:

p> 

<ul>
  <li class="group">A</li>
  <li class="group">B</li>
  <li class="group">C</li>
  <li class="group">D</li>
  <li class="group">E</li>
  <li>F</li>
  <li>G</li>
</ul>

5 commentaires

C'est plus comme ça. Pouvons-nous faire cela sans les premiers et dernière classes?

Malheureusement, il n'y a pas de de premier de classe ou dernier de la classe Sélecteur, ce serait donc le moyen le plus simple

J'ai ajouté une option le faisant sans, mais notez que si vous pouvez l'éviter, vous devriez probablement

Wow .. incroyable c'est va m'aider. Merci encore

Si la réponse résout votre problème et que vous n'avez pas besoin d'aide supplémentaire, envisagez d'accepter la réponse. Merci!

1
votes 

<ul>
    <li class="btn">A</li>
    <li class="btn" hidden >B</li>
    <li class="btn">C</li>
    <li >D</li>
    <li >E</li>
</ul>

0 commentaires

Articles qui pourrait vous intéresser :

Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Mettez en surbrillance l'élément d'étiquette après avoir cliqué sur la case à cocher
Changer la direction de défilement de la page Web sur la version mobile
Target first-child css styled-components