-
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.
Następne wpisy z tego wątku
- 29.12.11 20:27 HARY
- 29.12.11 23:34 Marek
- 30.12.11 08:12 NKAB -
- 30.12.11 09:15 Marek
- 30.12.11 13:19 Marek
- 30.12.11 19:19 HARY
- 30.12.11 23:27 Marek
Najnowsze wątki z tej grupy
- Perfidne ataki krakerów z KRLD na skrypciarzy JS i Pajton
- Do sądu trafił pozew zbiorowy przeciw Google'owi - oskarżenie o praktyki monopolistyczne na rynku reklamy internetowej
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
Najnowsze wątki
- 2025-07-14 Re: PO chroniło i chroni policyjnych bandziorów [zawiasy za katowanie obywatela (Poznań czerwiec 2012)]
- 2025-07-14 Warszawa => International Freight Forwarder <=
- 2025-07-14 Warszawa => Recruiter 360 <=
- 2025-07-14 Re: Rz?Âd ZAKAZUJE magazyn?Â?w energii ?!! Nowe prawo od 14 lipca to SZOK! ??Â
- 2025-07-14 Warszawa => Sales Assistant <=
- 2025-07-13 Fałszywe alerty
- 2025-07-12 dlaczego gadacie z tym debilem
- 2025-07-13 Unia Europejska przygotowuje nowy podatek
- 2025-07-13 Unia Europejska przygotowuje nowy podatek
- 2025-07-12 Warszawa => PC Hardware Expert / Specjalista PC <=
- 2025-07-12 Warszawa => Account Manager - Usługi rekrutacyjne <=
- 2025-07-12 Warszawa => Administrator IT <=
- 2025-07-12 Warszawa => IT Administrator <=
- 2025-07-12 Warszawa => Asystent/tka ds. Administracji <=
- 2025-07-12 Warszawa => Specjalista/stka ds. Organizacji <=