兼容ie、火狐的css两端对齐实例

　　在 css 中，用 text-align 的 center 只能使文字居中却不能使之两端对齐，并且长期给网页前端设计人员一种错误的信号，认为网页文字是不可以两边对齐的，所以你会发现，很多网页右边的文字都不对齐，尤其是阅读文章的时候。

　　之所以会出现这种现象，可能是因为 css 早期版本不支持文字两端对齐，从那时起这种思想就被灌输到网页前端设计人的大脑里，后来遇到文本两端不对齐问题就习以为常而不思改变了。

　　随着 css 、web 开发环境和浏览器的升级，使网页文字两端对齐成为可能，在 css 的 text-align 中新增了两端对齐属性 justify。下面举一个 css div两端对齐例子加以说明。

　　一、css两端对齐属性

　　text-align:justify;

　　ie6、7、8、9 10 和 Firefox（火狐）都支持该属性；如果使用 text-align:justify; 后，ie 仍然不两端对齐，可加 text-justify:distribute;，此属性不但可以使纯中文文本对齐，还可以使中英文混合的文本两边对齐。

　　此外，distribute-all-lines、inter-ideograph 与 distribute 有同样的功能，inter-word 不能使中文混合文本两端对齐。

　　二、css两端对齐实例

　　 <style type="text/css">
　　 　　body{width:960px; margin-left:auto; margin-right:auto; font-family:Verdana,"宋体",sans-serif; font-size:14px;}
　　 　　 .cssjustify{text-justify:distribute; text-align:justify; width:300px;}
　　 </style>

　　<div class="cssjustify">　　css也可以实现文字两端对齐了，使网页可以像 word 文档一样两边对齐，使文本显示更规整、更漂亮，阅读感更强，尤其是阅读长篇文章的时候。</div>

　　显示效果图：

　　在 Visual Studio 2010 中，会显示提示 text-justify:distribute 不是已知的 css 属性名，可以不管它，在浏览器中有效就行了。