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

时间:2010-02-25 14:56:11

标签: html css

如何在HTML中左右对齐文本/ pargaph?就像办公室计划一样。

1 个答案:

答案 0 :(得分:7)

css中的

text-align: justify;

但要注意:与proffesional DTP applications不同,或者甚至用语言来说,HTML /浏览器通常不能很好地发挥作用 - 你可能会在你的文本中出现巨大的差距,完全摧毁你试图在你的文本中实现的任何类型文档。

修改

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

  • 尚未尝试使用%作为宽度,因为我要么在px设置宽度,要么根本不设置display:block;元素填充父级的整个宽度
  • text-align: justify效果最好的font-sizeline-height - line-height是为了可读性,较小的字体大小会将更多字符放在一行中(抽象字符 - 每个(线宽),因此单词/对齐文本之间的差距看起来更好
  • 关于图像而不是文本的小的不变部分 - 我倾向于使用尽可能少的图像替换部分 - 如果你学会用它来计算,我会用Cufón获得非常好的结果
  • 我不建议使用合理的文字作为侧边栏和单行文件 - 它似乎主要是丑陋

<强> EDIT2: 主要的问题是,浏览器不知道如何分配你的文本(即不易破坏) - 软hyphyen,&shy;应解决此问题(链接:soft hyphen overview),但浏览器支持是 wild 充其量:)