如何在 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/