-
Path: news-archive.icm.edu.pl!news.icm.edu.pl!.POSTED!not-for-mail
From: Marek <p...@s...com>
Newsgroups: pl.comp.www
Subject: CSS - środkowanie w pionie
Date: Wed, 21 Dec 2011 16:10:32 +0100
Organization: ICM, Uniwersytet Warszawski
Lines: 26
Message-ID: <1l97ww8evns6$.19skeqvtexd8v$.dlg@40tude.net>
NNTP-Posting-Host: 89-77-10-21.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 8bit
X-Trace: news.icm.edu.pl 1324480238 16922 89.77.10.21 (21 Dec 2011 15:10:38 GMT)
X-Complaints-To: u...@n...icm.edu.pl
NNTP-Posting-Date: Wed, 21 Dec 2011 15:10:38 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.41pl
Xref: news-archive.icm.edu.pl pl.comp.www:399993
[ ukryj nagłówki ]Witam,
Chciałbymwyrównać w pionie tekst wewnątrz bloku. Czy tylko display:
table-cell do tego celu sie nadaje? Oto konstrukcja:
<ul class="kolumnaButtonów">
<li>tekst wielowierszowy<br>kolejna linia</li>
<li>tekst wielowierszowy<br>kolejna linia</li>
<li>tekst wielowierszowy<br>kolejna linia</li>
</ul>
Lista pełni rolę kolumny o pewnej szerokości (np. 150px) a elementy <li>
będą działać jak przyciski o wysokości 50ox. Chciałbym aby teksty (1 - 3
linie) centrowały się w tych blokach. Wolałbym uniknąć wstawiania do środka
<li> dodatkowych tagów - jeśli się da. Problem w tym, że jeśli każdy <li>
ma być w innej linii, to powinien być on typu display: table-row. Z kolei
aby moż nbyło tekst wycentrować to pewnie będzie trzeba umieścić go w <div
style="display: table-cell; vertical-allign: middle">tu tekst</div>
Czy da się to prościej osiągnąć?
Przy okazji: czy display: table-cell musi być koniecznie w innym elemencie
typu display:table? Czy może w prawidłowy sposób funkcjonować samodzielnie?
Czy element table-row może mieć tekst zamiast innego elementu/ów typu
table-cell?
Następne wpisy z tego wątku
- 22.12.11 07:28 HARY
- 22.12.11 21:59 Marek
- 23.12.11 04:35 HARY
- 23.12.11 10:05 M.G.
- 23.12.11 10:40 Marek
- 23.12.11 11:43 Marek
- 26.12.11 16:36 Paweł Piskorz
- 27.12.11 15:09 M.G.
- 27.12.11 16:46 HARY
- 27.12.11 18:32 Marek
- 28.12.11 18:20 HARY
- 28.12.11 20:16 Marek
- 29.12.11 17:33 HARY
- 29.12.11 18:44 Marek
- 29.12.11 20:27 HARY
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-09-02 Wzór
- 2024-09-01 Polska-Chorwacja 650zł elektrykiem
- 2024-09-01 odrdzewiacz do amelinium
- 2024-09-01 Elektryczna łapka i szerszeń
- 2024-09-01 Jakie podatki za wynajem?
- 2024-09-02 Warszawa => Key Account Manager <=
- 2024-09-02 Warszawa => Projektant/Programista React Native <=
- 2024-09-02 Gdańsk => Head of International Freight Forwarding Department <=
- 2024-09-02 Warszawa => Sales Development Representative (in German) <=
- 2024-09-01 1. wrzesnia po niemiecku
- 2024-09-01 Od setki do setki...
- 2024-08-31 wpadłem w siodło
- 2024-08-25 cenka opada
- 2024-08-30 Elektryki takie bezpieczne cd.
- 2024-08-31 Warszawa => International freight forwarder <=