Flottant plusieurs li à gauche et à droite
Je suis en train de faire un personnalisé la barre latérale dans wordpress, j'ai tous les éléments et informations dans li, ce que je suis en train d'essayer de faire est de déplacer la moitié du total de la li à gauche et l'autre moitié vers la droite...
Ce que j'utilise est float/clair de gauche et de droite, qui semble pas marcher comme je voulais...
Structure HTML:-
<ul>
<li class="left">Left</li>
<li class="left">Left</li>
<li class="left">Left</li>
<li class="left">Left</li>
<li class="left">Left</li>
<li class="right">Right</li>
<li class="right">Right</li>
<li class="right">Right</li>
<li class="right">Right</li>
<li class="right">Right</li>
</ul>
Le CSS:-
.left { float:left; width:50%; clear:left; }
.right { float:right; width:50%; clear:right }
Il fonctionne comme prévu. jsfiddle.net/B3YLp
OriginalL'auteur SaurabhLP | 2013-04-01
Vous devez vous connecter pour publier un commentaire.
Si vous êtes prêt à renoncer à votre style de liste de disque (selon le navigateur), vous pouvez le faire facilement sans flotteurs ou la modification de votre balisage.
http://jsfiddle.net/Duejc/2/
La seule chose que vous pouvez faire est de trouver un polyfill. Voir si celui-ci fonctionne: github.com/BetleyWhitehorne/CSS3MultiColumn
merci beaucoup pour votre aide...
OriginalL'auteur cimmanon
Shuffle, vous êtes HTML. lorsqu'un élément est
clear
ed il le fait contre les flottants précédemment élément; dans votre cas, il a été le sixième élément de compensation de la cinquième:jsFiddle
ul
éléments du groupe de la gauche et de droite des liens, respectivement.la droite. regroupement le contenu dans des "colonnes" serait plus facile à gérer approche. si, ma réponse aide à clarifier et d'illustrer la question de savoir pourquoi les colonnes sont faussées; et surtout comment
clear
s etfloat
s de la fonction ...Je suis d'accord @Xander: c'est un bien afin de voir les deux options en cours de discussion depuis les deux sont utiles en fonction du contenu marqué.
depuis que je suis en utilisant wordpress widgets, de sorte que la chose n'est pas adaptée de manière dynamique par wordpress parce que les widgets peuvent être organisées par l'utilisateur pour être...
OriginalL'auteur xandercoded
Pourquoi n'avez-vous pas de frein vers le bas comme ceci, selon le cas 🙂
ou faire comme @Xander dit 🙂
Ouais, je l'aime plus parce qu'il est plus facile de voir l'intention de l'HTML.
je suis en train de travailler sur wordpress pour cela, je dois personnaliser la structure HTML, c'est un assez long processus...
L'extraction de la liste de données en dehors et de faire deux listes seulement pour l'affichage des fins de ne pas faire de aucun, un sens du point de vue sémantique.
OriginalL'auteur Axente Paul
Fait avec de balisage simple et styles
http://codepen.io/ruinunes/pen/bpgpZV
HAML:
SCSS
OriginalL'auteur Rui Nunes