Sunday, May 13, 2012

Automatic line breaks in narrow columns with CSS 3 hyphens and word-wrap

Automatic line breaks in narrow columns with CSS 3 hyphens and word-wrap:
A problem that has always existed but has become more common lately as more people – thanks to the popularity of responsive web design – make their layouts adapt to narrow viewports, is the lack of automatic hyphenation in web browsers.

As columns of text become narrower, the risk of a single word being longer than the column width increases. When that happens, the text normally extends outside the column (unless the column element’s overflow property has been given a different value than the default visible). The effect can be anything from just a slight visual glitch to unreadable text. Either way it’s something you don’t want to happen.
Read full post
Posted in .
Copyright © Roger Johansson




ICT4PE&D

No comments:

Post a Comment

Thank's!