text-justify实现正文文字两端对齐

“倾城”在WP中文模板区建议正文文字两端对齐,从而达到美化模板的目的。

目前,对于英文文章,只需要设定 text-align:justify; 就可以实现两端对齐,
如果作者主要致力于中文写作,则需要添加text-justify:inter-ideograph属性,如下例:

  1. <div style="text-align:justify;text-justify:inter-ideograph;width:500px; border:1px solid #F00;padding:10px;">
  2. 测试文字内容区开始:崔凯的博客,关注网站设计、前端开发。创建于2005年7月30日。文章转载请注明:出自 http://uicss.cn/,手机访问请输入:http://wap.uicss.cn/如果您忘记本站的域名,可以搜索‘cuikai’或‘崔凯的博客’,都可以到访本站。测试文字内容区结束
  3. </div>

4 条评论 《text-justify实现正文文字两端对齐》

  1. text-align:justify;在文字不够一行时,还是会左对齐。

    这个样式属性适合于英文内容排版,中文感觉不好看

    回复

  2. ie6 下中文好像不行的样子

    回复

  3. 在Chrome下要怎么实现呢

    回复

  4. 如果是中文英文混合的文章的话就杯具了

    回复

发表评论 (无需注册)

支持CTRL+ENTER快捷提交
崔凯博客
Powered by WordPress | Theme by ck web design | TOP 顶部
Copyright © 崔凯博客 All rights reserved. 京ICP备09029324号.