Heim > Artikel > Web-Frontend > So zeigen Sie einen Link rechts in CSS an

So zeigen Sie einen Link rechts in CSS an

WBOYOriginal: 2021-11-30 15:44:404543Durchsuche

In CSS können Sie den Link so einstellen, dass er rechts angezeigt wird. Dieses Attribut kann die Richtung definieren, in der das Element schwebt. Wenn sein Wert auf „rechts“ gesetzt ist, wird das Element angezeigt rechts. Die Syntax ist „a {float:right;}“.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So zeigen Sie einen Link rechts in CSS an

Wir können über das Float-Attribut festlegen, dass ein Link rechts angezeigt wird. Das Attribut

float definiert, in welche Richtung das Element schwebt. In der Vergangenheit wurde diese Eigenschaft immer auf Bilder angewendet, wodurch der Text um das Bild herum umbrochen wurde. In CSS kann jedoch jedes Element schwebend dargestellt werden. Ein schwebendes Element erstellt eine Box auf Blockebene, unabhängig davon, um welchen Elementtyp es sich handelt.

Bei schwebenden, nicht ersetzten Elementen geben Sie eine explizite Breite an, andernfalls werden sie so schmal wie möglich sein.

Schauen wir uns das anhand eines Beispiels an:

<!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>

Ausgabeergebnis:

So zeigen Sie einen Link rechts in CSS an

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo zeigen Sie einen Link rechts in CSS an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3 Float

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So drücken Sie eine gepunktete Box in CSS ausNächster Artikel：So drücken Sie eine gepunktete Box in CSS aus

In Verbindung stehende Artikel

Mehr sehen