div {

Formaty pionowe i poziome umożliwiają umieszczenie strony internetowej w przeglądarce użytkownika.

Znaczenie

Projekt bez tabel jest tym, co ma większość stron internetowych. Oznacza to, że większość programistów stosuje się do klas CSS w celu projektowania obrazów i tekstu na stronie. Poprzednio tabele z komórkami, wierszami i kolumnami kontrolowały wygląd strony internetowej. Jednak w przypadku projektu bez tabel układ jest zawarty w kontenerze "div". Kontener div umożliwia umieszczanie sekcji strony w różnych obszarach kodu HTML i kontroluje różne sekcje strony bez wpływu na inne obszary.

Format pionowy

Właściwość "valign" to wewnętrzny znacznik HTML, który kontroluje pionową pozycję zawartego obiektu. Na przykład: jeśli masz kontener div, który ma 50 pikseli wysokości, ustawienie "valign" na "środku" powoduje umieszczenie zawartości o 25 pikseli od góry kontenera. Nawet jeśli przeniesiesz pojemnik div w inne miejsce, pozostanie on wyśrodkowany w pionie.

Klasy CSS

Liście w stylu kaskadowym umożliwiają konfigurowanie klas projektów, dzięki czemu można łączyć elementy HTML z klasami bez konieczności ręcznego wpisywania stylu każdego elementu. Poniżej znajduje się przykład klasy CSS, która wyrównuje w pionie elementy:

div {

vertical-align: middle; }

Ta klasa pionowo wyrównuje zawartość w środku elementu div o nazwie "div".

Rozważania

Projektowanie CSS wymaga czasu i praktyki. Jeśli wyrównanie zostanie nadpisane dla elementu div, możesz zepsuć układ reszty strony. Musisz otworzyć stronę HTML z powiązanymi klasami CSS w każdej popularnej przeglądarce, takiej jak Firefox, Chrome i Internet Explorer, aby upewnić się, że projekt działa poprawnie w przeglądarkach czytelników.