Przejdź do treści

szerokość strony - Kurs HTML i CSS

  • HTML
    Tabele HTML / Struktura tabeli HTML <table, tr, td>

    ...zawartości jej komórek w taki sposób, aby rozciągnąć się tak bardzo, jak to będzie potrzebne, ale jednocześnie nie przekroczyć dostępnej szerokości strony. Jeśli jednak tabela zawiera krótką treść, nie zostanie rozciągnięta, ale ustawi się po lewej stronie ekranu. Aby wyśrodkować taką wąską tabelę, można się posłużyć następującym kodem: <table style="margin: auto">...</table>.

  • HTML
    HTML5 / Możliwy koniec linii <wbr>

    ...nastąpić przełamanie wiersza. Znacznik WBR daje przeglądarce możliwość przełamania wiersza w tym miejscu, jeśli tekst nie zmieści się w założonej szerokość. Od znacznika BR różni się tym, że nie wymusza przełamania wiersza, jeśli nie ma takiej potrzeby. Po co zatem w ogóle blokować zawijanie linijek, żeby potem to odblokowywać za pomocą elementu WBR? W tradycyjnym akapicie tekstu nie mamy żadnej kontroli, w jaki sposób przeglądarka zawinie tekst na ekranie. Najczęściej taki algorytm w...

  • CSS
    Marginesy CSS / Górny margines wewnętrzny {padding-top}

    ...między szarym prostokątem a tekstem, który właśnie czytasz. A to jest zwykły akapit z tłem, bez określenia jakichkolwiek marginesów. Dlatego jego szerokość wynosi tyle co zwykłego tekstu, a także wewnątrz elementu (prostokąta) nie ma żadnego odstępu.

  • CSS
    Rozmiary CSS / Przepełnienie tekstu {text-overflow}

    ...wstawiony wielokropek, tzn. pojedynczy znak: "…" albo w ostateczności trzy znaki kropki: "..." Normalnie w języku CSS nawet jeśli ustalimy szerokość elementu, ale następnie umieścimy w nim szerszy tekst - np. blokując jego zawijanie przy pomocy stylu "white-space: nowrap" albo znajdzie się w nim jakiś wyjątkowo długi wyraz - to taki tekst i tak wyjdzie poza obręb elementu. Oczywiście nie będzie to wyglądało zbyt estetycznie, a czasem może nawet zupełnie popsuć układ całej strony...

« 1 2 3 4 5

★★★★★ 5/5 (585)

Facebook