So zentrieren Sie einen iframe horizontal? - Html

Ein Iframe, der auch als Inline -Frame in HTML bezeichnet wird. In HTML gibt es ein IFrame -Tag, durch das die IFrames erstellt werden. Wenn der Iframe erstellt wird. Um den Inline -Rahmen horizontal zu zentrieren.

Lassen Sie uns dies mit einem einfachen Beispiel verstehen.

Erstellen eines Iframe

Lassen Sie uns ein Beispiel diskutieren, das durch das IFrame -Tag einen einfachen Iframe erstellt:

Der obige Code enthält "iframe", das einen Link zur Webseite enthält.

Wenn Sie einfach einen Iframe ohne CSS -Eigenschaft erstellen, der darauf angewendet wird. Der Iframe wird erstellt, wird jedoch standardmäßig auf der linken Seite angezeigt:

Anwenden von CSS -Eigenschaften, um den Iframe zu zentrieren

Um das Iframe in das Zentrum zu verschieben, müssen wir die CSS -Eigenschaften darauf anwenden. Im CSS -Stilelement müssen wir uns einfach zuerst auf den IFrame beziehen und dann die Eigenschaft des Margin -Auto- und Anzeigeblocks hinzufügen:

iframe
Rand: Auto;
Bildschirmsperre;

Im obigen Code -Snippet wird ein Selektor hinzugefügt, der sich auf den IFrame bezieht, und im Selektor befinden sich die Margin -Automatik- und Anzeigeblockeigenschaften, die den Iframe in der Mitte horizont verschieben.

Im Folgenden finden Sie die Ausgangsschnittstelle nach Anwendung der Eigenschaften:

Dies fasst zusammen, wie der Iframe horizontal an der Mitte ausgerichtet werden kann.

Abschluss

Der Iframe in HTML kann horizontal auf einer Webseitenschnittstelle zentriert werden. Dadurch wird der Inline -Rahmen in die Mitte gelegt. In diesem Artikel wird gut erklärt, wie das Iframe horizontal zentriert werden kann.