-
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
- 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>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-02 piszę list do św Mikołaja
- 2024-11-01 karta SIM nie działa w konkretnym smartfonie.
- 2024-11-01 Mamy WZROST! O 50% wzrosła ilość kredytów gotówkowych
- 2024-11-01 Warszawa => Expert Recruiter 360 <=
- 2024-11-01 Warszawa => Technical Leader (Java Background) <=
- 2024-11-01 Warszawa => Account Manager - Usługi rekrutacyjne <=
- 2024-11-01 Warszawa => Head of International Freight Forwarding Department <=
- 2024-11-01 Warszawa => Programista Dynamics 365 CRM <=
- 2024-11-01 Warszawa => Dynamics 365 CRM Developer <=
- 2024-11-01 Warszawa => Junior Rekruter <=
- 2024-11-01 Chrzanów => Specjalista ds. PR Produktowego <=
- 2024-11-01 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-11-01 Łódź => Frontend Engineer (Three.js) <=
- 2024-11-01 Warszawa => Junior Rekruter <=
- 2024-11-01 Gdańsk => Programista Full Stack .Net <=