eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - środkowanie w pionieRe: CSS - środkowanie w pionie
  • Data: 2011-12-29 18:44:45
    Temat: Re: CSS - środkowanie w pionie
    Od: Marek <p...@s...com> szukaj wiadomości tego autora
    [ pokaż wszystkie nagłówki ]

    Dnia Thu, 29 Dec 2011 09:33:24 -0800 (PST), HARY napisał(a):

    > Dlatego cały czas usiłuję powiedzieć: nie należy bronić się przed
    > dodatkowym elementem w <li>.

    Jeśli się nie da, to trudno. Chodziło mi o to, że wyrównanie w poziomie
    jest faworyzowane z niejasnych przyczyn nad wyrównaniem w pionie. W pozimie
    możemy sobie równać 2 bloki a także tekst bez blokowy. W pionie już nie -
    jeśli nie stosujemy <td>.

    Zobrazuję kodem. Dla tekstu nie będącego blokiem pięknie działa centrowanie
    w poziomie:

    <p style="text-align:center; width:100px;">pieknie centrowany w poziomie
    tekst</p>

    A w pionie już nie:

    <p style="vertical-align:middle; width:100px; height: 200px">to nie
    zadziała</p>

    Dla tekstu wsadzonego w blok zadziała w poziomie centraowanie bloku:

    <div>
    <p style="width:100px; margin-left:auto; margin-right:auto">pięknie
    centrowany w poziomie blok</p>
    </div>

    A to samo lecz w pionie nie zadziała:

    <div style="height: 200px">
    <p style="margin-top:auto; margin-bottom:auto">pięknie zignorowane
    centrowanie w pionie</p>
    </div>


    > Zasada "minimalny HTML" jest chwalebna, sam tak podchodzę, ale nieraz
    > wpadłem w taką pułapkę, że był "zanadto minimalny", że tak powiem.
    > Czasem warto dodać jeden element więcej. Wszystko się wtedy upraszcza.

    Tak, oczywiście masz rację. Chciałem się tylko upewnić, że nie da się tego
    uprościć. A wątpliwoiści moje wzbudza to o czym powyżej napisałem: ta
    faworyzacja CSS dla poziomu. Z niewiadomego powodu pion jest gorszy.

    >> No chwila - a jakim elementem jest tekst wewnątrz komórki tabeli? Czy mylę
    >> się nazywając go "żadnym"? Mimo to pozwala się centrować.
    >
    > Nie mylisz się. Pozwala się centrować, dopóki nie zapytamy o dokładną
    > definicję owego centrowania.

    Chyba musisz rozwinąć myśl. Czy nie możemy zastosować definicji centrowania
    z CSS dla text-align:center lecz przeniesionej na pion?

    >> Powiadasz też, że element nie-blokowy daje się centrować (w doomyśle: w
    >> obrębie nie-komórki tabeli, bo o tym jest wątek). Jeśli to konieczne mogę
    >> zastosować dodatkowy element <span>. Jak tego dokonać? Tu mamy przykład:
    >
    > Nie zrozumieliśmy się. Zapewne powinienem napisać precyzyjniej.
    > Chciałem tylko powiedzieć, że kiedy mamy element, można dokładnie
    > powiedzieć, co rozumiemy przez centrowanie. A jak go nie ma, to...
    > "jest to pytanie do twórców przeglądarek", "w przybliżeniu tak,
    > jak..." itd.

    I o to mi chodziło właśnie.Skoro już ciągniemy tą kwestię to wygląda to
    tak, że jeśli tekst nie jest oblany blokiem to tworzy się wokół niego blok
    anonimowy, który następnie podlega centrowaniy pionowemu względem
    nadrzędnego table-cell. Tzn środki obu elementów pokrywają się.

    >
    > Nie chcę dywagować nad przybliżeniami, bo to jest kryterium uznaniowe.
    > Jeśli uważasz, że centrowanie "gołego" tekstu w elemencie z
    > display:table-cell jest wystarczającym przybliżeniem tego, co chcesz
    > osiągnąć - w porządku.

    Tak, dokładnie mi to wystarczyłoby ... gdyby było wykonalne dla innych
    elementów niż table-cell. Element typu table-cell wnosi dodatkową
    funkcjonalność, która mi przeszkadza w pewnej realizacji: mianowicie każdy
    z tych elementów łączy się w wiersz. Dlatego szukam/szukałem elementy,
    który łączyłby się w kolumnę (czyli zwykły blok) i podobnie jak table-cell,
    pozwalał na pionowe centrowanie.

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: