On 21 Gru, 16:10, Marek <p...@s...com> wrote:
> 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.

Prostokąty o ustalonej wysokości zawierające tekst, to nie jest dobry
pomysł. Jak sobie powiększę tekst, żeby cokolwiek przeczytać, to
zawartość z nich wyłazi i zakrywa mi tekst poniżej albo jest ucinana.

> 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.

Co będziesz wtedy centrował, jak nie będzie elementu do centrowania?

> 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ąć?

Centrujesz A względem B. Dwa elementy są do tego w sam raz.

> 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?

Brakujące elementy tabel (table, table-row) przeglądarka ma obowiązek
"w rozumie" dodać i działać tak, jakby były obecne.

HARY