Maison > Article > interface Web > Comment afficher un lien à droite en CSS
Comment afficher un lien à droite en CSS
- WBOYoriginal
- 2021-11-30 15:44:404479parcourir
En CSS, vous pouvez utiliser l'attribut float pour définir le lien à afficher à droite. Cet attribut peut définir la direction dans laquelle l'élément flotte. Lorsque sa valeur est définie sur "right", l'élément sera affiché. à droite. La syntaxe est "a {float:right;}".
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Comment afficher un lien à droite en css
Nous pouvons définir un lien à afficher à droite grâce à l'attribut float. L'attribut
float définit dans quelle direction l'élément flotte. Historiquement, cette propriété a toujours été appliquée aux images, provoquant l'enroulement du texte autour de l'image, mais en CSS, n'importe quel élément peut flotter. Un élément flottant crée une boîte au niveau du bloc, quel que soit le type d'élément dont il s'agit.
Si des éléments flottants non remplacés, spécifiez une largeur explicite sinon, ils seront aussi étroits que possible ;
Regardons-le à travers un exemple :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
a{
float:right;
}
</style>
</head>
<body>
<a href="https://www.php.cn/" target="_blank">这是一个a标签</a>
</body>
</html>Résultat de sortie :
(Partage vidéo d'apprentissage : tutoriel vidéo CSS)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!