0

我有一列文本，我想在其中最小化单词之间的差距。我找到text-justify了，但它仅受 IE 支持。

是否有其他一些 css 属性可以使它看起来更好？

4

4 回答 4

2

您可以选择, left, center, right, 或justify文本。目前，您的文字是合理的。您可以设置文本对齐方式，例如：

text-align: left;

这将使文本左对齐。

于 2012-12-07T02:15:07.893 回答
2

在屏幕截图中的窄列中，text-justify: newspaper会在字母之间产生总间距。即使在 IE 上，没有连字符也无法使这样的文本合理化。

通过使用基于 avaScript 的连hyphens字符（例如 Hyphenators.js ）并使用 CSS 中的属性（也带有前缀版本）备份（用于非 JS 浏览），几乎可以在所有浏览情况下实现连字符。您可以另外使用text-justify: newspaperIE，但请考虑它是否真的是一种改进。

见演示。

如果使用，请在前面text-justify添加，因为前者包含在CSS Text Module Level 3工作草案中。text-justify: distributetext-justify: newspaper

于 2012-12-07T06:39:20.907 回答
0

您可以尝试使用负值的word-spacing属性，但正如指定的那样，它取决于浏览器。也就是说，如果您想保留合理的文本，但根据定义，这会导致更大且不均匀的间隙。你为什么不使用text-align: left？

于 2012-12-07T02:15:00.100 回答
0

text-align: justify将通过增加单词之间的空间来对齐文本。

如果您将hyphens: auto;（需要每个浏览器的前缀）添加到您的 CSS。它将在某些行的最后一个单词处添加连字符，同时保留对齐对齐。

但它只适用于 IE 10+、Firefox 6+ 和 Safari 5.1+，不适用于 Chrome 和 Opera。因此，解决问题的更好方法是增加列宽并减小字体大小。

阅读此内容以获取更多信息：http ://skinnywhitegirl.com/blog/web-typography-hyphenation-justification/475/

于 2012-12-07T02:24:59.940 回答