Recherche chaud: cuisiner la pastenague routine journaliere parfaite virtual family 2 remonter santè lire une partition.de violoncelle comment nettoyer bijoux en acier radioactive dans les alcalins verification dilatation col uterus avantage de lunion civile
Index Loisirs Santé Technologie

Puis-je mettre une couche div dans le centre avec CSS?

Publié:2012-04-07Source: général
Advertisement

Puis-je mettre une couche div dans le centre avec CSS?

Depuis le lancement de HTML 4 (hypertexte langage de balisage), certaines étiquettes ont été négligés façons plus âgés et plus fonctionnels pour atteindre les mêmes résultats avec plus de nouvelles étiquettes. Le label "" a été remplacé par les valeurs des feuilles de style en cascade (CSS). Bien que vous pouvez utiliser le "float" propriété pour déplacer une couche div vers la gauche ou la droite, cette propriété ne propose pas un moyen de se concentrer un objet.

CSS Float

Les «flotte» sont des propriétés de CSS, vous pouvez appliquer aux éléments. Souvent, ils appliquent à une image, par exemple. Mais vous pouvez également appliquer aux conteneurs que des tableaux ou des couches div. Les éléments auxquels il est appliqué ou déplacer horizontalement vers la gauche ou la droite sur l'écran. Les éléments entourés par eux, tels que du texte, sont également déplacés vers le même côté de l'écran si indiqué autrement pas. La syntaxe pour appliquer «flotter» à un div ressemble à ceci: <div style = "float: right">

Valeurs "float"

Le "float" propriété CSS dispose actuellement de 4 valeurs. Lorsque vous appliquez à la gauche sur un objet, il se déplace vers la gauche et les autres éléments circuler autour d'elle. Appliquez-le vers la droite, il a le même comportement, mais le déplacer vers la droite. Si vous attribuez la valeur "none" à "flotter" pour un article apparaît dans sa position normale. Par conséquent, vous ne devez pas utiliser cette propriété. Un objet héritera sa valeur "float" de son élément parent ou un conteneur si vous réglez la valeur "inherit". Il n'y a aucune valeur "centre" à "flotter".

Centrage d'un div

Bien que vous ne pouvez pas centrer une div avec un «flotter» la propriété, et même si vous le pouviez, le navigateur peut ne pas afficher le contenu des côtés, vous pouvez utiliser d'autres méthodes pour se concentrer couche. Une méthode courante consiste à attribuer la valeur "auto" pour les marges gauche et droite avec la syntaxe suivante: <div style = "margin-left: auto; margin-right: auto"> Bien que cette méthode ne fonctionne pas si vous avez spécifié une marge gauche ou à droite, vous pouvez envisager de mettre votre div dans un récipient qui est mieux ciblée et ensuite placer une deuxième couche à l'intérieur de la première.

Centrer le contenu de la div

Le "text-align" propriété vous permet de contrôler l'alignement du texte dans n'importe quel élément. Il est plus facile de se concentrer le contenu, y compris des listes, du texte, des liens et des images dans un div pour centrer le div lui-même. Envisager la syntaxe suivante, qui remplacerait l'utilisation de la balise HTML "<center>" maintenant méprisé: <div style = "text-align: center"> </ div> Vous pouvez appliquer texte centré à des éléments individuels au sein de la div ou blocs une partie du texte entourant étiqueté "<span>".

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking