Comment faire un élément de bloc s'adapter à la taille de ce qui est à l'intérieur?
Si j'ai ce code HTML:
<li class="name">hi</li>
<li class="name">hello</li>
<li class="name">wheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!</li>
Et ce CSS:
li.name{
border: 1px solid #A38870;
background-color: #FA682D;
list-style: none;
margin: 15px;
padding: 5px;
}
L'arrière-plan s'étend tout le chemin à travers la page comme cette.
Comment puis-je rendre l'arrière-plan s'adapter à la taille du texte comme cette (sans définition explicite de la largeur de chaque élément de la liste)?
Halma Oui, je vous remercie. J'attendais de voir si quelqu'un aurait des commentaires pour m'aider à comprendre si votre solution ou Usman Ali est préférable.
OriginalL'auteur pennydrops | 2011-04-27
Vous devez vous connecter pour publier un commentaire.
Corrigé, travail violon ici: http://jsfiddle.net/ezmilhouse/3jRx7/1/
en ajoutant les biens ci-dessus tous les li éléments seront affichés dans une seule ligne (pour cet exemple)
OriginalL'auteur ezmilhouse
essayez d'utiliser
clear:both; float: left
propriétés.OriginalL'auteur Anji
Je pense que le meilleur moyen est d'utiliser un navigateur spécifique, CSS, écrit une ligne pour chaque navigateur comme Justin Geeslin expliqué ici :
Est-il un css de la croix-navigateur de la valeur pour "largeur: -moz-fit-contenu;"?
OriginalL'auteur J.Delannoy
Donner
display: inline-block
OriginalL'auteur Bazzz