Autor Zpráva
Pavel Straka
Profil
Dobré odpoledne, chtěl bych poprosit o radu. Můj problém: Mám buňku tabulky a v ní vždy 3 různě dlouhá slova (nebo spojení dvou slov), oddělená čárkami.
Př.
Dětská literatura, Kuchařky, Učebnice VŠ

Problém je v tom, že když se nijak nezabývám CSS a nechám buňku td tak, jak je, zobrazí se toto:
Dětská 
literatura, Kuchařky, Učebnice VŠ

Já bych ale chtěl, aby to bylo zarovnané nějak inteligentně, např.
Dětská literatura, Kuchařky, 
Učebnice VŠ

Když každý pojem obalím <span>y, a hraju si s nastavením white-space a wordwrap (ať už u jednotlivých spanů nebo v divu, který mi obaluje všechny spany), přesto se mi nedaří, aby vše bylo funkční ve Firefoxu, v Opeře není problém.

Děkuji za všechny rady.
Plaváček
Profil
Pavel Straka:

Použij entitu &nbsp; mezi slovy. Nějak takto:

Dětská&nbsp;literatura, Kuchařky, Učebnice&nbsp;VŠ
Pavel Straka
Profil
Ano, ale pak se mi ta buňka tabulky roztáhne. Jakým způsobem bych mohl ten text zalomit?
word-wrap:break-word; zlomí slovo uprostřed
pidusak
Profil
Uvnitř spanů se nezalomí mezera. To by myslím mělo stačit.

<style>
 
table span{
    white-space: nowrap;
}
 
</style>
 
<table border=1>
<tr>
  <td>
    <span>Dětská literatura, </span>
    <span>Kuchařky, </span>
    <span>Učebnice VŠ</span>
  </td>
  <td>
    <span>Dětská literatura, </span>
    <span>Kuchařky, </span>
    <span>Učebnice VŠ</span>
  </td>
</tr>
</table>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0