css - 改进 CSS 中的文本对齐

标签 css text-align justify

<分区>

我正在处理一些在许多页面中包含大量文本的移动内容。

我给了他们 text-align: justify; 属性,它通常效果很好,因此使文本变得更具可读性和美观性。

虽然在某些情况下,理由很糟糕,因为它会导致单词之间出现不必要的空格。

enter image description here

如何改进此样式,使其在各种情况下表现更好?

最佳答案

  • 减少 font-size和/或 letter-spacing这样更多的单词可以在同一条线上更好地延伸
  • 在长词中使用可选的分隔符(<wbr>&shy;)

除上述之外,您可以编写一些 JS-CSS 来执行自定义拉伸(stretch),但您无法真正更改几何规则,默认规则非常接近最佳。

关于css - 改进 CSS 中的文本对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32176642/

上一篇:jquery - 如何在不影响 Bootstrap 面板类的情况下将 <fieldset> 堆叠在一起?

下一篇:html - 改变第一个字的颜色

相关文章:

css - 用 2 行对齐导航菜单

css - 我可以强制背景图像在元素处于事件状态后停留一定时间吗?

css - 如何使用css3获得这个?

html - 为什么文本的对齐方式与代码不一样?我该如何解决它?

css - 文本对齐的非左值的 CSS 中的文本溢出行为

CSS 文本以字母间距对齐

javascript - 从通过 map 呈现的序列的单个 div 中删除类

html - 打印预览未显示正确的布局

jquery - 如何在 CSS 中调整 div 框的大小,使文本无论长度如何都居中

html - CSS:导航对齐