blocks|key|3865614|text|在像截图中那样的窄栏中，text-justify:+newspaper将在字母之间创建粗略的间距。即使在IE上，如果没有连字符，也没有办法让这样的文本很好地调整。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3865615|通过使用基于avaScript的连字，例如Hyphenators.js，并在CSS中使用hyphens属性(也带有前缀版本)备份它(对于非JS浏览)，几乎在所有浏览情况下都可以实现连字。您还可以为IE使用text-justify:+newspaper，但请考虑它是否真的是一种改进。|3865616|参见demo。|3865617|如果使用text-justify，请在text-justify:+newspaper之前添加text-justify:+distribute，因为前者包含在工作草案CSS+Text+Module+Level+3中。|3865618|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/hyphenator/|1|http://www.cs.tut.fi/~jkorpela/test/just.html|2|http://www.w3.org/TR/css3-text/^0|C|N|0|18|7|2U|N|L|E|0|0|2|4|1|0|4|C|J|N|1A|O|2A|N|2|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|H|3|I|5|6|7|18|8|@]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|J|3|K|5|6|7|1C|8|@$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]]|D|@$9|1J|A|1K|1|1L]]|E|$]]|$1|L|3|-4|5|6|7|1M|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]|T|$5|O|P|Q|E|$R|U]]|V|$5|O|P|Q|E|$R|W]]]]

In a narrow column like the one in the screenshot, <code>text-justify: newspaper</code> would create gross spacing between letters. There just isn’t a way to make such a text well-justified, even on IE, without hyphenation.

Hyphenation can be achieved in almost all browsing situations by using avaScript-based hyphenation, such as <a href="http://code.google.com/p/hyphenator/" rel="nofollow">Hyphenators.js</a>, and backing it up (for non-JS browsing) with the <code>hyphens</code> property (with prefixed versions too) in CSS. You can additionally use <code>text-justify: newspaper</code> for IE, but consider whether it is really an improvement.

See <a href="http://www.cs.tut.fi/~jkorpela/test/just.html" rel="nofollow">demo</a>.

If you use <code>text-justify</code>, add <code>text-justify: distribute</code> before <code>text-justify: newspaper</code>, because the former is included in the working draft <a href="http://www.w3.org/TR/css3-text/" rel="nofollow">CSS Text Module Level 3</a>.

blocks|key|3865511|text|您可以对文本使用left、center、right或justify。目前，您的文本是对齐的。您可以设置文本对齐方式，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3865512|text-align:+left;|code-block|syntax|javascript|3865513|这将使文本左对齐。|3865514|entityMap^0|8|4|D|6|K|5|Q|7|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|N|$]]

you can either, <code>left</code>, <code>center</code>, <code>right</code>, or <code>justify</code> the text. Currently, your text is justified. You can set the text alignment doing something like:

<pre><code>text-align: left;
</code></pre>

That will left align the text.

blocks|key|21944|text|您可以尝试使用负值的word-spacing属性，但按照指定的值，该属性取决于浏览器。这是如果你想保留对齐的文本，但这会导致更大和不均匀的差距。为什么不使用text-align:+left？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|21945|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing^0|26|G|A|C|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

You can try the <a href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" rel="nofollow">word-spacing</a> property with a negative value, but as the specified it is browser-dependent. That is if you want to keep your justified text, but that causes larger and uneven gaps by definition. Why don't you use <code>text-align: left</code>?

blocks|key|21298|text|text-align:+justify将通过增加单词之间的间距来调整对齐文本。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|21299|如果您将hyphens:+auto;(每个浏览器都需要前缀)添加到CSS。它将在某些行的最后一个单词处添加连字符，同时保留对齐方式。|21300|但它只能在IE+10%2B、火狐6%2B和Safari+5.1%2B上运行，不能在Chrome和Opera上运行。因此，解决问题的更好方法是增加列宽，减小字体大小。|21301|有关更多信息，请阅读本文：http://skinnywhitegirl.com/blog/web-typography-hyphenation-justification/475/|21302|entityMap|0|LINK|mutability|MUTABLE|url|http://skinnywhitegirl.com/blog/web-typography-hyphenation-justification/475/^0|0|J|0|4|E|0|0|D|25|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Z|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|L|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]]]

<code>text-align: justify</code> will justify align text by increasing space between words.

If you add <code>hyphens: auto;</code>(need prefix for each browser) to your CSS. It will add hyphens at the last word of some lines, while preserving the justify align.

But it will only work on IE 10+, Firefox 6+ and Safari 5.1+, not on Chrome nor Opera. So the better way to solve your problem, is increasing the column width, and decreasing the font size.

Read this for more info: <a href="http://skinnywhitegirl.com/blog/web-typography-hyphenation-justification/475/" rel="nofollow">http://skinnywhitegirl.com/blog/web-typography-hyphenation-justification/475/</a>

I have a column of text where I would like to minimize the gap between the words. I have found <code>text-justify</code> but it is only supported by IE.

Is there some other css property that would make this look better?

<img src="https://i.stack.imgur.com/93y8j.jpg" alt="">

css text-align gap between text

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有一列文本，我想要最小化单词之间的差距。我已经找到了text-justify，但它只被IE支持。有没有其他的css属性可以让它看起来更好？​​

问css文本-对齐文本之间的间距
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css文本-对齐文本之间的间距EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css文本-对齐文本之间的间距
EN