Comment puis-je le positionnement LI éléments vers le bas de la liste UL
J'ai des éléments de menu comme: Row1 Row2.. RowN et je veux pas que large - c'est pourquoi, y compris les pauses (avec max-width)
J'ai ce code HTML:
<div>
<ul>
<li>Row1</li>
<li>Row1 Row2 Row3</li>
<li>Row1</li>
<li>Row1 Row 2</li>
</ul>
</div>
avec ce CSS:
/* MENU */
.menudiv {padding-left:10px; border-bottom: 1px solid #d0db88;}
ul.menu
{
list-style-type: none;
min-width: 1050px;
position: relative;
left:10px;
display: block;
height: 45px;
margin: 0;
padding: 0;
}
ul.menu li
{
float: left;
margin: 0;
padding: 0;
}
ul.menu li a
{
float: left;
text-decoration: none;
padding: 9px 12px 0;
font-weight: bold;
max-width:130px;
}
Réel:
+--------------------+
|Row1 Row1 Row1 Row1 |
| Row2 Row2 |
| Row3 |
+--------------------+
Ce dont j'ai besoin:
+--------------------+
| Row1 |
| Row2 Row1 |
|Row1 Row3 Row1 Row2 |
+--------------------+
Cela peut ou peut ne pas être une question mieux adapté pour Doctype.com.
Comment puis-je migrer de l'autre forum?
La question suivante traite de la migration des questions, mais il semble que vous ne pouvez pas le faire vous-même immédiatement. meta.stackexchange.com/questions/10249/...
Comment puis-je migrer de l'autre forum?
La question suivante traite de la migration des questions, mais il semble que vous ne pouvez pas le faire vous-même immédiatement. meta.stackexchange.com/questions/10249/...
OriginalL'auteur PaN1C_Showt1Me | 2010-12-22
Vous devez vous connecter pour publier un commentaire.
Utilisation
display: inline-block
au lieu defloat
:EDIT: Ajouté
text-align: center;
. Si je comprends bien votre commentaire correctement, c'est ce que vous voulez. Si non, vous aurez besoin pour être plus précis.cependant,
inline-block
ne fonctionne pas avec IE8OriginalL'auteur RoToRa
http://css-tricks.com/what-is-vertical-align/
Ce lien peut vous aider, vous pouvez aussi créer les résultats de la table avec le contenu aligné pour le fond de chaque cellule.
OriginalL'auteur user466764
En supposant que la suite est votre html
Vous pouvez tout simplement le style de votre CSS comme suit
Code ci-dessus devrait fonctionner sur tous les navigateurs (je n'ai pas testé sur tous les navigateurs)
OriginalL'auteur Asif Hussain