Mettre une liste en deux colonnes en CSS
Je ne peux pas comprendre comment obtenir ma liste dans une liste de colonnes. J'ai essayé quelques-uns des exemples dans d'autres questions similaires, mais il n'a tout simplement pas changer quoi que ce soit.
<div class="section" id="skillset">
<h1>SKILL SET:</h1>
<h2>Have passed classes which taught all of the following:</h2>
<ul class="skills">
<li>Intermediate Spanish</li>
<li>Microsoft Word</li>
<li>Microsoft Power Point</li>
<li>Microsoft Excel</li>
<li>Dreamweaver</li>
<li>Adobe Photoshop</li>
<li>CAD Lab</li>
<li>Visual Basic</li>
<li>C++</li>
<li>Java</li>
</ul>
</div>
J'aimerais avoir 5 éléments dans la liste, puis un autre 5 à la droite de celui-ci.
Due à une heure 🙁
Utiliser les
stackoverflow.com/questions/933645/multi-column-css-lists
Attendez, l'OP est pressé, et obtient quelques grandes réponses et de ne jamais les marques de l'un à la réponse correcte. Très agréable.
column-count
stackoverflow.com/questions/933645/multi-column-css-lists
Attendez, l'OP est pressé, et obtient quelques grandes réponses et de ne jamais les marques de l'un à la réponse correcte. Très agréable.
OriginalL'auteur user3295553 | 2014-02-11
Vous devez vous connecter pour publier un commentaire.
column-count
peut sûrement vous aider ici.Il suffit d'ajouter le code CSS suivant
mais vérifier le navigateur de soutien, car il ne fonctionnera pas dans les anciennes versions d'IE
Ici est un Violon démo du code du travail
OriginalL'auteur Saurabh
À l'intérieur de votre code CSS choses, mettez ceci:
J'espère que c'est suffisant.
OriginalL'auteur user2921024
mis en li largeur de 50% et
display : inline-block;
OriginalL'auteur Sebin Simon
Vous pouvez également ajouter le code css suivant les attributs de votre
li
éléments:OriginalL'auteur Nik