Post without Account — your post will be reviewed, and if appropriate, posted under Anonymous.

Balanced multiple columns on a screen?

  • 0 Replies

Offline Phil

  • Global Moderator
  • Sr. Member
  • *****
  • 353
    • View Profile
Balanced multiple columns on a screen?
« March 01, 2017, 06:50:40 PM »
Has anyone ever explored the possibilities of displaying multiple columns in softcopy (browsers, etc.)? It is well established that the ideal line length, for a reasonable range of font sizes, is around 50 to 70 characters (around 45em maximum line length). Lines longer than that (on any medium) are fatiguing to read, as the eyes actually have to track back and forth, rather than absorbing a line in one glance. In addition, long lines increase the possibility of accidentally bouncing up or down one line while returning to the beginning of the line just read (as do lines too close together due to insufficient leading, or too much space between words).

If you have a lot of material, you don't want to fill the page with a single column of very long lines. It's better to split it up into two or more columns, each not excessively wide (nor too narrow). This is not hard to do when preparing hardcopy, such as with LaTeX, where you have fixed column sizes and sufficient time to play with column balancing. However, can it be done with something like a browser, where the display area could be of any size? If the display area is large enough to contain all the text, in short enough lines in multiple columns, it would be good to display same-sized columns so scrolling isn't needed.

Can a browser be instructed, through CSS and possibly Javascript, to do this already? Or would it take a change to browser rendering engines?