有什么理由避免使用text-align: justify;吗?

它是否会降低可读性或导致问题?

推荐答案

首先,这纯粹是一个与设计有关的问题和解决方案.网格的设计指定是否需要对齐文本.我认为JUSTY ALIGN本身对可用性没有重大影响.使文本难以辨认的糟糕排版降低了可用性.也就是说,要确保你的字体有鲜明的对比度和良好的间距平衡.字体大小也很重要.

This site是在证明在线文本正当性方面的一次成功try .由于使用CSS无法像使用InDesign那样控制字母和单词之间的空格,因此很难对文本进行对齐,并且不会让"河流"中的空格顺着您的行流.当单词之间的空格超过行间空格时,就会发生这种情况.使对齐文本变得困难的因素有:长字、行宽无法容纳足够的字,以及文本和背景 colored颜色 之间的对比度太大;它们使河流看起来更宽、更明显.

理想的排版方式是文字均匀-挡路,如果你眯着眼睛看文字,挡路就会变成统一的纯色.因此,如果您将白色背景上的文本保持在大约10px和60%灰色,并且有可以容纳大约20个单词的行,调整对齐看起来应该不会很难看.但请记住,这对提高可用性毫无帮助.较小、相对较轻的文字会惹恼很多人,尤其是年纪较大的读者.

I should note that with ­ (soft hyphenation) correctly separating long troublesome words like super­awesome you can mimic proper typesetting (e.g. InDesign). There's a lot of stuff out there to help you do this. I would recommend the logic for hiding, manipulating, and displaying the text to be done on the client side, perhaps with this.

Edit:正如其他人在下面提到的,现在有css hyphens个是可能的,除了不可行(不是在Chrome中).另外,css4 offers even more control美元.

Css相关问答推荐

如何获得特定位置的Divs以根据浏览器宽度正确调整大小

下一个js app样式刷新页面后不工作页面

在carousel组件上应用css转换时出现问题

CSS媒体查询不显示所需的输出

为什么CSS flex似乎应用了两次内部元素的填充?

如何将动态参数从react tsx文件发送到css

滚动弹性盒

在变量中存储匹配 Select 器的子元素的计数

是否有一个 CSS 可以根据字符的高度 for each 字符呈现可变高度?

如何使代码块输出在 quarto revealjs 演示文稿中水平滚动

当页面大小小于VH时,Tailwind CSS如何使页脚留在底部

在 css 中使用 first-of-type 效果太好了吗?

如何在 CSS 中控制列表样式类型光盘的大小?

边界半径应该剪辑内容吗?

在 css 中使用 FontAwesome 或 Glyphicons :before

CSS:在图像周围创建白光

更改 FontAwesome 图标的字体粗细?

我如何*真正*证明 HTML+CSS 中的水平菜单?

使用没有设置宽度或高度的边界半径的胶囊形状?

谷歌的无图像按钮