ansaurus

Question

Putting max. 30 characters per line with CSS

Answer 1

+4 A:

That's not possible with CSS, you will have to use the Javascript for that. Although you can set the width of the p to as much as 30 characters and next letters will automatically come down but again this won't be that accurate and will vary if the characters are in capital.

Sarfraz 2010-05-03 10:50:33

So how would I go about doing this in JS? Is it complicated or is it just a one-liner?

Pieter 2010-05-03 10:55:40

@Pieter: you can use the javascript's `substr` function for that i suppose and it won't be a single liner (unless a regex might do the trick) but i would suggest you to just setting the width of the paragraph if the requirement is not that strict.

Sarfraz 2010-05-03 11:10:37

+1 That is how I solve this problem -- only annoyance, most fonts are variable width, so if some wonderful person puts in MMMMMMMM... they usually break your design or have overflow. If you make the <p> the width of 30 Ms, then there is ofter a lot of space at the end of the div. You need to make a judgement call.

Christopher Altman 2010-05-03 11:17:20

Answer 2

+2 A:

If you use CSS to select a monospace font, the problem of varying character length is easily solved.

Pino 2010-05-03 17:45:27

But impacts your visual design.

Christopher Altman 2010-05-03 17:47:46

ansaurus

tags:

views:

answers:

Putting max. 30 characters per line with CSS

related questions