css Text-align:justify [已关闭]

aemubtdh  于 2023-08-09  发布在  其他
关注(0)|答案(3)|浏览(94)

已关闭。此问题需要details or clarity。它目前不接受回答。
**希望改进此问题?**通过editing this post添加详细信息并阐明问题。

4天前关闭。
Improve this question
我正面临着一个文本对齐的问题,它可能不起作用,字母之间的空间太大,如下面的屏幕截图。有什么建议吗
Screenshot of the issue
我使用以下样式:
文本对齐:对齐。

m1m5dgzv

m1m5dgzv1#

你可以用word-spacing稍微影响一下它:

div {
  margin: 1rem;
  width: 250px;
  text-align: justify;
}

.block-2 {
  word-spacing: -2px;
}

个字符

4si2a6ki

4si2a6ki2#

另外两个答案是完全正确的。
但还有另一种方法:对于长单词,可以使用&shy;(例如autho&shy;rity),以便平均分配空间。css-rule hyphen会自动执行此操作,但您需要在-Tag(<html lang="en">)中分配lang-attribute。Stack Overflow: css break word with hyphen
另外一个选择就是使用text-align: left,我个人并不喜欢块文本;)

jgovgodb

jgovgodb3#

这是自圆其说的任务。这里的共同点是在大间距行之后的下一个单词,这里这是一个长单词。
justify的作用是将每行都设置为其容器的100%,并对每个单词之间的空格进行对齐。对于text-align,您可以选择leftrightcenterjustify
您将需要使用此处的一些其他选项来解决您所指的“问题”。
如果你愿意,你也可以用连字符连接单词。

相关问题