hogyan lehet összehangolni a videót html-ben


Válasz 1:

Sokat látok a margók használatára. egy soros elem, ezért hozzá kell adnia a display: block; a css osztályodba.

.video { kijelző: blokk; szélesség: auto; margó: 0 auto; }

Használhat specifikusat a -val, de én nem használnék px értékeket. Használja a% -ot, hogy érzékeny legyen, például:

szélesség: 50%;

Ettől a videó a nézetablak szélességének a fele lesz.


Válasz 2:

Ez a legjobb mód az egyszerű használat címke. Felhívjuk figyelmét, hogy ez a címke megszűnt a HTML5-ben. Tehát alternatív módszer a CSS használata. Meg kell próbálnia új szülő felvételét osztály a videolejátszóhoz. Vagy egyszerűen használhatja a következő módszert.

body .targeted_class {/ * Az osztály, ahol a videolejátszó található * /

szélesség: 100%;

margó: 0 auto;

text-align: center;

}


Válasz 3:

Az automatikus margó működéséhez a középosztálynak szélességgel kell rendelkeznie:

.center {margin: 0 auto; szélesség: 400px; }

Akkor a középosztályt magára a videóra alkalmaznám, nem pedig tárolóra:


Válasz 4:

Könnyen. Csak margók helyett használja a text-align: center parancsot.


Válasz 5:

A videó elem blokk szintű elem, vagyis ha szélességet ad neki, akkor képesnek kell lennie arra, hogy egy margót adva középre állítsa: 0 auto; CSS stílus.

Ha nincs szülőeleme, akkor szükség lehet egy szélességre a törzscímkén.


Válasz 6:


Válasz 7:

Az "iframe" -et általában egy másik "div" -be helyezi, és megadja ennek a szöveg-align: center vagy margin: 0 auto és szélességet.


Válasz 8:

Próbálkozzon ezzel a css-ben

.center {

bal margó: 0 automatikus;

jobb-jobb: 0 automatikus;

}