Question

如果我正在使用
text-align:justify一段显示了字之间不需要的空格以保持指定的宽度。在互联网上搜索但没有得到任何正确的结果。我也使用了 white-space ，但没有用。
小提琴：fiddle

Answer 1

最接近的解决方案是使用word-break: break-all，但这也会破坏单词。如果您对此感到满意，请使用此解决方案：

.sample_test p{
    word-break: break-all;
}

Fiddle

Answer 2

当您使用text-align: justify时，您要求浏览器添加间距，而浏览器会将其作为单词之间添加的间距来实现。根据CSS Text Module Level 3 LC，您还可以使用text-justify: distribute要求浏览器在单词之间和单词中的字符之间使用添加的间距，以获得更平衡的结果，但结果是否真的存在争议更好，此功能仅在IE（很久以前）中实现。

你可以做些什么来改善这种情况是使用连字符。这通常会减少增加间距的需要，当然它无法删除它。最有效的方法是使用Hyphenator.js，这意味着您需要声明网页的语言，例如： <html lang=en>，在文本应连字符的任何元素上设置hyphenate类，例如使用<body class=hyphenate>连接所有内容，并添加代码

<script src=http://hyphenator.googlecode.com/svn/tags/Version%204.2.0/Hyphenator.js></script>
<script>Hyphenator.run();</script>

如何在对齐的CSS中删除空格

2 个答案: