[css] justify op blokken text

[Juup]

Ik wil graag het effect van

Cascading Stylesheet:

text-align: justify;

Op blokken text hebben, dus dat die blokken mooi uitgelijnd worden maar de text daarbinnen gewoon hetzelfde blijft. Zoals dit:

code:

Sigs at work              Pick-up Lines            Sports
Wall Scrawls        Music         Movies       jack Handy

Het lukt me wel met underscores zoals hier te zien is, maar als ik die underscores vervang door een spatie of een   dan worden die spaties helemaal uitgerekt.

Heeft iemand een idee?

[cutter]

&nbsp non breaking space ipv _ zou kunnen werken

[mjax]

Ik snap niet helemaal wat je wilt. Het uitrekken van spaties is juist een eigenschap van volledige uitlijning (justify). Hoe zou jij dan willen dat justify de breedte van het blok vult?

In jouw voorbeeld: Hoe moet justify weten dat de ruimte tussen "Sigs at work" en "Pick-up Lines" opgerekt wordt en niet de spaties tussen de woorden zelf?

[ Voor 31% gewijzigd door mjax op 19-07-2003 09:17 ]

[Willem]

Je hebt geen width of wat opgegeven.. Denk dat je een end komt als je met elementen als <p>, <div> of <span> gaat werken en daarin je tekst laat uitlijnen.

Hetzelfde geldt voor tables. Als je de cellen, (of netter nog, de <p> in die cellen) een width en text-align:justify; meegeeft moet het gaan. Zonder width=x px; of andere eenheid valt er niets uit te lijnen.

Verder is dit wel redelijke common knowledge, de beginselen van CSS.
Meer te lezen: http://www.w3schools.com/css/css_text.asp

[ Voor 12% gewijzigd door Willem op 19-07-2003 09:53 ]

[Bosmonster]

justify is niet bedoeld voor 'uitlijnen', maar 'uitvullen'. Als je 3 kolommen hebt met data kun je het makkelijkste gewoon een tabel nemen, daar zijn ze voor bedoeld

[Juup]

cutter schreef op 19 juli 2003 @ 09:09:
&nbsp non breaking space ipv _ zou kunnen werken

Zie openingspost. De &nbsp; wordt ook uitgerekt.

Ik snap niet helemaal wat je wilt. Het uitrekken van spaties is juist een eigenschap van volledige uitlijning (justify). Hoe zou jij dan willen dat justify de breedte van het blok vult?

In jouw voorbeeld: Hoe moet justify weten dat de ruimte tussen "Sigs at work" en "Pick-up Lines" opgerekt wordt en niet de spaties tussen de woorden zelf?

Zie voorbeeld met de underscores. Alleen wil ik die underscores vervangen door iets onzichtbaars of het hete "Sigs at work" omsluiten door een tag die het als eenheid houdt. Dat is nu juist de uitdaging.

Bosmonster schreef op 19 July 2003 @ 10:49:
justify is niet bedoeld voor 'uitlijnen', maar 'uitvullen'. Als je 3 kolommen hebt met data kun je het makkelijkste gewoon een tabel nemen, daar zijn ze voor bedoeld

Het zijn niet altijd 3 kolommen maar variabel. Ik weet dat justify hier niet voor bedoeld is maar het werkt bijna zoals ik wil, namelijk met underscores.

[ Voor 24% gewijzigd door Juup op 19-07-2003 11:45 ]

[Grijze Vos]

Ik zou dit sowieso niet met justify proberren:

http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-align
Note. The actual justification algorithm used is user-agent and written language dependent.

Conforming user agents may interpret the value 'justify' as 'left' or 'right', depending on whether the element's default writing direction is left-to-right or right-to-left, respectively.

Gebruik gewoon netjes SPANnetjes ofzo. Daar zijn ze voor gemaakt.