Space tussen de woorden.

**Stefan Visser** · 28-11-2008, 11:42

Ik kan het moeilijk verwoorden daarom heb ik een voorbeeldje gemaakt ( zie bijlage )

Waarschijnlijk is het stukje code vrij makkelijk , maar ik weet hem gewoon niet ;)

**Frank Hooning** · 28-11-2008, 11:46

is dat ik html? word? excel? iets anders?

**Harmen Vogel** · 28-11-2008, 11:47

is dat wel mogelijk?
space tussen de letters kan wel:) maar tussen de worden niet.. of je moet er telkens div/class oid tussen zetten

**M. Seerden** · 28-11-2008, 11:48

Bij deze:
http://www.w3schools.com/CSS/pr_text_word-spacing.asp

**A. IJbema** · 28-11-2008, 11:48

http://www.w3schools.com/CSS/pr_text_word-spacing.asp

Argh, we posten in dezelfde minuut :)

**Stefan Visser** · 28-11-2008, 12:03

Ja, maar ik bedoel eigenlijk dat als je een divje hebt van 300 bij 300
dat die zich daar automatisch aan aanpast..

dus_______zo_______dat_______ die_______het_______scherm_______vult

Dus beetje kranten idee..

Origineel gepost door Frank Hooning

is dat ik html? word? excel? iets anders?

Zie catogie :)

**Bart van Kuik** · 28-11-2008, 12:22

Dit gaat niet werken cross-browser, om de volgende reden.

Als je dit wilt over een aantal regels heen, dan gebruik je de volgende CSS:
text-align: justify;

Echter, het is geen paragraaf maar slechts 1 regel. In IE kun je ervoor zorgen dat het justifyen ook voor 1 regel geldt, voeg de volgende regel toe:
text-justify: distribute-all-lines;

Beter is om dit op een andere manier te doen. Misschien is er een jQuery plugin voor? Wellicht kun je ook alles inclusief font size in pixels definieren en dan met trial en error de optimale breedte uitvogelen. Zet dan wel overflow: hidden aan:
word-spacing: 15px;
letter-spacing: 1.6px; /* Safari doesn't recognize this */
height: 1.2em;
overflow: hidden;

**Stefan Visser** · 28-11-2008, 12:51

Als je dit wilt over een aantal regels heen, dan gebruik je de volgende CSS:
text-align: justify;

Bedankt :) dit zocht ik.

ThnQ

**Jeroen Kamphuis** · 28-11-2008, 21:13

lists?? of wil je verspreid over 100% breedte? bijv met de volgende code

body{ width: 100%;}
ul{ width: 100%;}
li{ float: left; width: 25% (100% gedeeld door aantal woorden bijv 4); text-align: center;}

<html>
<body>
<ul><li> woord 1</li><li>woord2</li><li>woord 3</li><li>woord4</li>

</body>
</html>

zoeits??

Space tussen de woorden.