Come centrare un iforame in orizzontale? - Html

Un iforame, noto anche come frame in linea in HTML, è un frame incorporato in un'interfaccia che assomiglia a un'altra schermata o interfaccia su un documento HTML. In HTML, esiste un tag iFrame attraverso il quale vengono creati gli iFrames. Quando viene creato l'iframe, è visualizzato, per impostazione predefinita, sul lato sinistro dello schermo, ma può essere spostato e posizionato sull'interfaccia ovunque usando le proprietà in stile CSS. Per centrare il telaio in linea in orizzontale, vengono utilizzate le proprietà del margine automatico e del blocco di visualizzazione.

Capiamolo con un semplice esempio.

Creazione di un iforame

Discutiamo un esempio che crea un semplice iforame tramite il tag iFrame:

Il codice sopra contiene "iFrame" contenente un collegamento alla pagina Web.

Basta creare un IFRAME senza proprietà CSS applicata ad esso visualizzerà i seguenti risultati nell'interfaccia di output. Verrà creato IFRAME ma verrà visualizzato sul lato sinistro per impostazione predefinita:

Applicando le proprietà CSS per centrare l'iframe

Per spostare l'iframe al centro, dobbiamo applicare le proprietà CSS su di esso. Nell'elemento in stile CSS, dobbiamo semplicemente fare riferimento all'IFRAME e quindi aggiungere la proprietà del margine e del blocco di visualizzazione:

iframe
Margine: auto;
blocco di visualizzazione;

Nello snippet di codice sopra, è stato aggiunto un selettore per fare riferimento all'iframe e all'interno del selettore, ci sono le proprietà del margine automatico e del blocco di visualizzazione che sposteranno l'IFRAME nel centro in orizzontale.

Quanto segue sarà l'interfaccia di output dopo aver applicato le proprietà:

Questo riassume come l'iframe può essere allineato al centro orizzontalmente.

Conclusione

L'IFRAME in HTML può essere centrato in orizzontale su un'interfaccia della pagina Web aggiungendo il selettore nell'elemento in stile CSS che si riferisce all'iframe e quindi aggiungendo semplicemente le proprietà del margine CSS e del blocco di visualizzazione. Questo posizionerà il telaio in linea al centro. Questo articolo spiega bene come centrare l'iframe in orizzontale.