Jak wyśrodkować iframe poziomo? - Html

Iframe, znana również jako ramka wbudowana w HTML, to ramka osadzona w interfejsie, która wygląda jak inny ekran lub interfejs w dokumencie HTML. W HTML znajduje się znacznik IFRA, przez który tworzone są iframe. Po utworzeniu iframe jest domyślnie wyświetlany po lewej stronie ekranu, ale można go przesuwać i umieścić na interfejsie w dowolnym miejscu za pomocą właściwości stylu CSS. Aby wyśrodkować ramkę wbudowaną poziomo, używane są właściwości bloku automatycznego marginesu i wyświetlania.

Zrozumiemy to z prostym przykładem.

Tworzenie iframe

Omówmy przykład, który tworzy prostą iframe za pośrednictwem znacznika iframe:

Powyższy kod zawiera „iframe” zawierające link do strony internetowej.

Po prostu utworzenie iframe bez zastosowanej właściwości CSS wyświetli następujące wyniki w interfejsie wyjściowym. Iframe zostanie utworzony, ale domyślnie będzie wyświetlany po lewej stronie:

Zastosowanie właściwości CSS w celu wyśrodkowania IFrame

Aby przenieść IFrame do centrum, musimy zastosować na nim właściwości CSS. W elemencie stylu CSS musimy po prostu najpierw odwołać się do IFrame, a następnie dodać właściwość Auto Auto marginesu:

iframe
Margines: Auto;
Blok wyświetlacza;

W powyższym fragmencie kodu znajduje się selektor dodany do odniesienia do iframe, a wewnątrz selektora, istnieją właściwości automatyczne marginesu i wyświetlania bloków, które poruszają IFrame w środku w poziomie.

Poniżej pojawi się interfejs wyjściowy po zastosowaniu właściwości:

To podsumowuje, w jaki sposób iframe można wyrównać do środkowego poziomu.

Wniosek

Iframe w HTML można wyśrodkować poziomo na interfejsie strony internetowej, dodając selektor w elemencie stylu CSS odnoszącym się do iframe, a następnie po prostu dodając właściwości AUTO marginesu CSS i wyświetlanie dla tego iframe. To umieści ramkę wbudowaną w środku. W tym artykule dobrze wyjaśnia, jak wyśrodkować iframe poziomo.