html - 如何在 HTML 中左右对齐文本/段落?

标签 html css

如何在 HTML 中将文本/段落左右对齐?就像在办公程序中一样。

最佳答案

text-align: justify; 在 css 中

但要注意:与专业的 DTP 应用程序 或什至在 word 中不同,HTML/浏览器通常不能很好地处理它 - 您可能会在文本中出现巨大的空白,完全破坏您尝试的任何拼写在您的文档中实现。

编辑:

作为对Brian的回复,我的经历如下:

  • 还没有尝试过 % 的宽度,因为我要么在 px 中设置宽度,要么根本不设置,让 display:block; 元素填满父级的整个宽度
  • text-align: justify 最适合较小的 font-size 和略高的 line-height - line-height 是为了提高可读性,字体越小,一行中的字符越多(抽象字符每行宽度),因此单词/对齐文本之间的间隙看起来更好
  • 关于图像而不是文本的小的不变部分 - 我倾向于使用尽可能少的图像替换部分 - 我用 Cufón 得到了很好的结果,如果你学会用它来计算它的缺点
  • 我不建议在侧边栏和单行中使用两端对齐的文本 - 这通常看起来丑陋

编辑2: 主要问题是,浏览器不知道如何分割您的文本(即牢不可破到牢不可破)-软连字符,­ 应该可以解决这个问题(链接:soft hyphen overview),但是浏览器支持是狂野充其量:)

关于html - 如何在 HTML 中左右对齐文本/段落?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2334887/

相关文章:

html - 确定用户的时区

javascript - 如何比较两个值并返回正确答案javascript,以及如何只调用一次函数javascript

javascript - JQuery/PHP 表单未提交

angular - 以 Angular 4 更改所选链接的颜色

jquery - 我如何将我的姓名和详细信息包含在我正在设计的网站的 html/css/jquery 编码中,以使其不可编辑?

javascript - CSS 样式化单词中的单个字符

html - href 链接在本地有效但无法使用?

javascript - 如何使用javascript动态获取和设置SVG元素的ID

android webview 不能正确渲染子弹

javascript - 显示为拼贴画/画廊的 Jquery 图像