<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css文本两端对齐详解及实例</title>
</head>
<style>
.w1{ width:500px;}
.a1{background:#00FF00;
text-align:justify;text-justify:inter-ideograph;
}
.a2{ background:#FFFF00;}
</style>
<body>
<p>原效果：</p>
<div class="w1 a2">css如何让一行内的文字两端对齐？text-align:justify;如果你对div+css技术上有什么疑问就来我的空间查找吧！</div>
<p>两端对齐后产效果：</p>
<div class="w1 a1">css如何让一行内的文字两端对齐？text-align:justify;如果你对div+css技术上有什么疑问就来我的空间查找吧！</div>
<div style="color:#FF0000; font-size:12px; padding-top:10px;">text-justify语法： <br />
text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph <br />
参数： <br />
auto :允许浏览器用户代理确定使用的两端对齐法则 <br />
inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效 <br />
newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式 <br />
distribute :处理空格很像newspaper，适用于东亚文档。尤其是泰国 <br />
distribute-all-lines :两端对齐行的方式与distribute相同，也同样不包含两段对齐段落的最后一行。适用于表意字文档 <br />
inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格 <br />
说明：<br />
设置或检索对象内文本的对齐方式。 <br />
对应的脚本特性为textJustify。</div>
</body>
</html>
推荐链接