text-justify实现正文文字两端对齐
“倾城”在WP中文模板区建议正文文字两端对齐,从而达到美化模板的目的。
目前,对于英文文章,只需要设定 text-align:justify; 就可以实现两端对齐,
如果作者主要致力于中文写作,则需要添加text-justify:inter-ideograph属性,如下例:
- <div style="text-align:justify;text-justify:inter-ideograph;width:500px; border:1px solid #F00;padding:10px;">
- 测试文字内容区开始:崔凯的博客,关注网站设计、前端开发。创建于2005年7月30日。文章转载请注明:出自 http://uicss.cn/,手机访问请输入:http://wap.uicss.cn/如果您忘记本站的域名,可以搜索‘cuikai’或‘崔凯的博客’,都可以到访本站。测试文字内容区结束
- </div>
相关日志:
« 小坏蛋
07/27/2009 at 3:21
text-align:justify;在文字不够一行时,还是会左对齐。
这个样式属性适合于英文内容排版,中文感觉不好看
回复
01/08/2010 at 10:36
ie6 下中文好像不行的样子
回复
01/17/2011 at 15:36
在Chrome下要怎么实现呢
回复
02/15/2011 at 15:14
如果是中文英文混合的文章的话就杯具了
回复