kako poravnati video u html - u


Odgovor 1:

Vidim da mi puno sugerira korištenje margina. je ugrađeni element, pa ćete morati dodati display: block; u vaš css razred.

.video { prikaz: blok; širina: auto; marža: 0 auto; }

Možete koristiti specifične sa, ali ne bih koristio px vrijednosti. Upotrijebite% da biste ga učinili responzivnim, poput:

širina: 50%;

To će videozapis učiniti polovinom širine okvira za prikaz.


Odgovor 2:

Ovaj najbolji način je jednostavan označiti. Imajte na umu da je ta oznaka ukinuta u HTML5. Dakle, alternativni način je korištenje CSS-a. Pokušajte dodati novog roditelja razred za video player. Ili jednostavno možete koristiti sljedeću metodu.

body .targeted_class {/ * Klasa u kojoj se nalazi video uređaj * /

širina: 100%;

marža: 0 auto;

poravnanje teksta: središte;

}


Odgovor 3:

Srednja klasa mora imati širinu da bi funkcionirala automatska margina:

.center {margina: 0 auto; širina: 400px; }

Tada bih primijenio središnju klasu na sam videozapis, a ne na spremnik:


Odgovor 4:

Lako. Samo upotrijebite text-align: center umjesto margina.


Odgovor 5:

Video element je element na razini bloka što znači da ako mu date širinu, moći ćete ga centrirati dajući mu marginu: 0 auto; CSS stil.

Ako nema nadređeni element, možda ćete trebati staviti širinu na oznaku tijela.


Odgovor 6:


Odgovor 7:

Obično stavite "iframe" u drugi "div" i dajete to text-align: center ili margin: 0 auto i i širinu.


Odgovor 8:

Pokušajte ovo koristiti u svom css-u

.center {

margina-lijevo: 0 automatski;

margina-desno: 0 automatski;

}