-
Data: 2011-12-29 20:27:43
Temat: Re: CSS - środkowanie w pionie
Od: HARY <p...@g...com> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]On 29 Gru, 19:44, Marek <p...@s...com> wrote:
> Dnia Thu, 29 Dec 2011 09:33:24 -0800 (PST), HARY napisał(a):
> 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.
Z jak najbardziej jasnych. Historycznych. HTML nie został wymyślony na
potrzeby sklepów ani zajefajnistych prezentacji, tylko dla wygodnego
tworzenia dokumentów z aktywnymi odsyłaczami do innych publikacji.
Dokumenty takie składają się w większości z akapitów, podpunktów i
podobnych elementów ułożonych w porządku "z góry na dół".
Można się najwyżej zastanawiać, dlaczego później, kiedy CSS zaczął być
wreszcie sensownie wspierany, nie poszerzono specyfikacji.
> 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>
Zajrzyj do specyfikacji np. pod margin (punkt 8.3) i zobacz opis dla
wartości procentowych. Też się można zastanawiać, dlaczego tak
ustalono. Czasem aż się prosi o komentarz z uzasadnieniem...
> >> 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.
To raczej Ty powinieneś cofnąć się w górę wątku. Tylko co pytałem,
gdzie są granice anonimowej zawartości. Nie umiałeś odpowiedzieć, a
bez ich określenia nie można mówić o dokładnym centrowaniu.
> Czy nie możemy zastosować definicji centrowania
> z CSS dla text-align:center lecz przeniesionej na pion?
Nie możemy. Ale jeśli uważasz inaczej, to proszę bardzo, podaj
dokładną definicję.
> 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ę.
Jak wyżej: podaj dokładnie, gdzie są granice owego anonimowego bloku.
Wtedy będzie wiadomo, gdzie jest jego środek.
> 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.
Nie wiem, czy to "height:100%" jest potrzebne, wymyślam na bieżąco:
<ul style="display:table;width:10em;">
<li style="display:table-row; height:4em;"><div style="display:table-
cell; height:100%">
<li ...
HARY
Następne wpisy z tego wątku
- 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-04 GNSS Motorola G85 vs Redmi Note 9 pro
- 2024-11-04 Katowice => SAP BTP Consultant (mid/senior) <=
- 2024-11-04 Katowice => Spedytor międzynarodowy <=
- 2024-11-04 Warszawa => Specjalista/tka ds. Zamówień publicznych <=
- 2024-11-04 Poznań => QA Engineer <=
- 2024-11-04 Poznań => QA Inżynier <=
- 2024-11-04 Polskie sądy są bardzo wyrozumiałe...
- 2024-11-04 Wrocław => SAP Project System/EPPM Consultant <=
- 2024-11-04 Gliwice => Team Lead / Tribe Lead FrontEnd <=
- 2024-11-04 Kraków => Programista Full Stack (.Net Core) <=
- 2024-11-04 Kraków => Software .Net Developer <=
- 2024-11-04 Kraków => Programista Full Stack .Net <=
- 2024-11-04 Warszawa => Key Account Manager <=
- 2024-11-04 Warszawa => Spedytor Międzynarodowy <=
- 2024-11-04 Warszawa => E-COMMERCE specialist <=