Hvordan du sentrerer en iframe horisontalt? - Html

En iframe, også kjent som en inline -ramme i HTML, er en ramme innebygd i et grensesnitt som ser ut som en annen skjerm eller grensesnitt på et HTML -dokument. I HTML er det en iframe -tag som Iframes er opprettet. Når iframe opprettes, vises den som standard på venstre side av skjermen, men den kan flyttes og plasseres på grensesnittet hvor som helst ved hjelp av CSS -stilegenskaper. For å sentrere inline -rammen horisontalt brukes marginbilen og skjermblokkegenskapene.

La oss forstå dette med et enkelt eksempel.

Opprette en iframe

La oss diskutere et eksempel som skaper en enkel iframe gjennom IFrame -taggen:

Ovennevnte kode inneholder "iframe" som inneholder en lenke til websiden.

Bare å opprette en iframe uten CSS -egenskap som brukes på den, vil vise følgende resultater i utgangsgrensesnittet. IFrame vil bli opprettet, men vil bli vist på venstre side som standard:

Bruke CSS -egenskaper for å sentrere iframe

For å flytte iframe til sentrum, må vi bruke CSS -egenskapene på det. I CSS -stilelementet trenger vi ganske enkelt å først henvise til iframe og deretter legge til margin -bilen og visningsblokkegenskapen:

iframe
Margin: Auto;
Display: Block;

I kodebit.

Følgende vil være utgangsgrensesnittet etter å ha brukt egenskapene:

Dette oppsummerer hvordan iframe kan tilpasses senteret horisontalt.

Konklusjon

IFrame i HTML kan sentreres horisontalt på et grensesnitt på websiden ved å legge til velgeren i CSS -stilelement. Dette vil plassere inline -rammen i midten. Denne artikkelen forklarer godt hvordan man sentrerer iframen horisontalt.