行长问题：样式与可读性 [英] The issue of line length: style vs readability

问题描述

在另一个帖子中，发表了以下评论：

In another thread, the following comment was made:

我尝试了以下Mozilla Firebird（使用Gecko / 20030712）。

Isofarro写道：

I tried the following with Mozilla Firebird (using Gecko/20030712).

Isofarro wrote:

http://www.pga.com/openchampionship/

我发现这个网站没什么吸引力。设计没有扩展，因为我水平调整浏览器窗口的大小，所以我要么浪费空间，要么我得到一个恼人的水平滚动条。

I found this site to be unimpressive. The design doesn''t scale as I
size the browser window horizontally and so I either waste space or
I get an annoying horizontal scrollbar.

我发布了成千上万个简单冗长的文档，而且我对他们的可读性比美学设计更值得关注。因此，我将它们全部固定宽度为600px，没有边框，并将它们水平放置在浏览器窗口的中间位置

。

在发布文本时，据说必须将行长度降低到

40-60个字符，以使文本易于阅读。这就是为什么文本是用列写的，但是我不想面对在CSS中做报纸样式列（平衡）的挑战（恐吓和

可能会减慢文档制作速度。）


因此我已经妥协了。一个600px的页面宽度给我一行

长度为80个字符，这是上面的

推荐的顺序，它也是一个可以看到的页面大小在所有

浏览器上。因为页面居中且没有边框，所以我不会认为即使分辨率更高也不会看起来太糟糕了。


然而Isofarro''上述投诉仍然有效。有空间

浪费，虽然，以中心和没有边框，也许那个'b
不那么令人讨厌。


人们怎么想？我应该坚持，或者我应该设定更高的分辨率，使我的页面宽1000px，并努力使用两个平衡的

列？


当前页面设计的一个例子来说明我的观点：
www.hartford-hwp.com/archives/10/016.html


-

海恩斯·布朗
< a href =mailto：br **** @ hartford-hwp.com> br **** @ hartford-hwp.com
kb **** @ arrl.net
www.hartford-hwp.com

I publish thousands of plain longish documents, and my concern is much
more for their readability than aesthetic design. Consequently, I make
them all fixed width of 600px, with no border, and place them
horizontally in the middle of the browser window.

In publishing text, it is said that one must keep line length down to
40-60 characters to make the text easily readable. This is why text is
written in columns, but I don''t want to confront the challenges of
doing newspaper style columns (balanced) in CSS (intimidating and
probably would slow document production).

Therefore I have compromised. A 600px page width gives me a line
length of 80 characters, which is on the order of the above
recommendation, and it is also a page size that can be seen on all
browsers. Because the page is centered and has no border, I don''t
think it looks too badly even with higher resolution.

And yet Isofarro''s complaint above remains valid. There is space
"wasted," although, with the centering and no border, perhaps that''s
not so objectionable.

What do people think? Should I persist, or should I presume higher
resolution, make my page 1000px wide and struggle use two balanced
columns?

An example of current page design to illustrate my point:
www.hartford-hwp.com/archives/10/016.html

--
Haines Brown
br****@hartford-hwp.com
kb****@arrl.net
www.hartford-hwp.com

推荐答案

Haines Brown写道：


[snip]

Haines Brown wrote:

[snip]

我发表了数以千计的简单冗长的文档，我的关注度远远超过美学设计的可读性。


听起来很公平。

[snip]在发布文本时，据说必须将行长度保持在40-60个字符以下使文字易于阅读。


这是关于正确的。


这就是为什么文本写在列中，但我不想面对
在CSS中做报纸样式列（平衡）的挑战
（恐吓并可能会减慢文档制作速度）。


足够公平。


因此我已经妥协了。一个600px的页面宽度给我一行长度为80个字符，


它给出的_you_是无关紧要的。它可以并且会给其他人排队

长度不等的字符。 600px没有说明

字符宽度。


这是上面推荐的顺序，它也是一个页面
可以在所有浏览器上看到的大小。


我不确定你的意思。你是说你认为所有

冲浪者都有600px宽的画布？这不是真的。并且，正如您之前所说的那样，b
的目标是让文档易于阅读，所以

也可以避免水平滚动。

人们怎么想？我应该坚持，或者我应该设定更高的分辨率，使我的页面宽1000px并努力使用两个平衡的
列？

I publish thousands of plain longish documents, and my concern is much
more for their readability than aesthetic design.
Sounds fair.
[snip] In publishing text, it is said that one must keep line length down to
40-60 characters to make the text easily readable.
That''s about right.

This is why text is written in columns, but I don''t want to confront the
challenges of doing newspaper style columns (balanced) in CSS
(intimidating and probably would slow document production).
Fair enough.

Therefore I have compromised. A 600px page width gives me a line
length of 80 characters,
What it gives _you_ is irrelevant. It can and will give other people line
lengths of varying numbers of characters. 600px says nothing about the
width of the characters.

which is on the order of the above recommendation, and it is also a page
size that can be seen on all browsers.
I''m not sure what you mean by this. Are you saying that you think all
surfers are capable of 600px wide canvases? That''s not true. And, as you
previously stated, the goal is for documents to be easily readable, so
avoidance of horizontal scrolling is a requirement too.

What do people think? Should I persist, or should I presume higher
resolution, make my page 1000px wide and struggle use two balanced
columns?

p {width： 50em;最大宽度：60em}

html> body {宽度：自动}


在使用Internet Explorer查看时，这仍然不是最好的，但在

之间，至少会有一些有意义的相关性

字符的数量和段落的宽度现在。


-

Jim Dabell

在文章< m2 ************ @ hartford-hwp.com>在

comp.infosystems。 www.authoring.stylesheets ，Haines布朗

< br **** @ hartford-hwp.com>写道：

In article <m2************@hartford-hwp.com> in
comp.infosystems.www.authoring.stylesheets, Haines Brown
<br****@hartford-hwp.com> wrote:

我发表了数以千计的简单长篇文章，而且我的关注度远远超过美学设计的可读性。


所以你的理念是正确的。但是，

因此，我将它们全部固定宽度为600px，没有边框，并将它们水平放置在浏览器窗口的中间。

在发布文本时，据说必须将行长度保持在40-60个字符以使文本易于阅读。

I publish thousands of plain longish documents, and my concern is much
more for their readability than aesthetic design.
So your philosophy is right. But,
Consequently, I make
them all fixed width of 600px, with no border, and place them
horizontally in the middle of the browser window.

In publishing text, it is said that one must keep line length down to
40-60 characters to make the text easily readable.

然后为什么不用ems而不是像素来指定你的宽度？


-

Stan Brown，Oak Road Systems，Cortland County，New York，美国
http://OakRoadSystems.com/

HTML 4.01规范： http://www.w3.org/TR/html401/

验证人： http://validator.w3.org/

CSS 2规范： http ：//www.w3.org/TR/REC-CSS2/

valida tor： http://jigsaw.w3.org/css-validator/

Then why don''t you specify your width in ems instead of pixels?

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
validator: http://jigsaw.w3.org/css-validator/

In< m2 ************ @ hartford-hwp.com> Haines Brown写道：

In <m2************@hartford-hwp.com> Haines Brown wrote:

我发表了数以千计的简单长篇文章，而且我对他们的可读性的关注远远超过美学设计。在发布文本时，据说必须将行长度保持在40-60个字符以使文本易于阅读。我妥协了。一个600px的页面宽度
给我一个80个字符的行长。

I publish thousands of plain longish documents, and my concern is much
more for their readability than aesthetic design. In publishing text,
it is said that one must keep line length down to 40-60 characters to
make the text easily readable. I have compromised. A 600px page width
gives me a line length of 80 characters.

好​​吧，600px的表宽为你提供600px的表宽度和aparantly 80
屏幕上的
字符和您已经测试过的软件组合。但是你不能确定它在任何其他平台上看起来如何。


我认为你使用css是非常有利的/>
而不是fixt-pixel-tables。


在css中可以设置

单位的行的witdh字符。所以你可以简单地使用：


p {

max-width：66ex; / *或66em * /

行高：1.3em; / *请参阅注释[0] * /

}


如果浏览器窗口是
$ b，要获得最多66个字符的行长度$ b小于66ex线将包裹。这是更好的，因为人们用极高或低分辨率的显示器（作为一个例子）然后得到你的

文本更多的意图。

我认为你实际上可以让你的文字在视觉上更具吸引力

借助于css的帮助，因为你不太习惯，因为你不能使用

你的页面中有很多布局垃圾。


[0] =当你在它的时候，考虑增加行高。

我个人而已找到增加的行间距使得文字，特别是长的
段落，更容易在屏幕上阅读。但也许那只是我？ =）


-

Fredrik Jonson

Well, 600px table width gives you 600px table width and aparantly 80
characters on the screen and software combo you''ve tested it on. You
cant say for sure how it looks on any other platforms, however.

I actually think it would be quite advantageous for you to use css
instead of fixt-pixel-tables.

In css it is possible to set the witdh of a row in the unit of
characters. So you could simply use:

p {
max-width: 66ex; /* or 66em */
line-height: 1.3em; /* See comment [0] */
}

To get row length of 66 characters maximum, if the browser window is
smaller than 66ex the line will wrap. This is better since people with
extremly high or low resolution monitors (as a example) then get your
texts dispayed more to your intent.

I think that you could actually make your text more visually appealing
with the help of css with quite little effort since you don''t use too
much layout junk in your pages.

[0] = and while you''re at it, consider increasing the row height a bit.
Personally I find increased line space makes text, especially long
paragraphs, easier to read on the screen. But maybe that is just me? =)

--
Fredrik Jonson

这篇关于行长问题：样式与可读性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！