css文字两端对齐示例

发布时间:2020-03-14编辑:脚本学堂
本文介绍了css实现文字两端对齐的方法,css两端对齐主要使用text-align:justify与text-justify:inter-ideograph属性,有需要的朋友参考下。

例子,css实现文字两端对齐
 

复制代码 代码示例:

.td{
text-align:justify;
text-justify:inter-ideograph;
}

<table width="500">
<tr>
<td class="td"></td>
</tr>
</table>

css文字两端对齐

text-align:justify;
text-justify:inter-ideograph; 
text-justify版本:IE5+专有属性 继承性:无
 
语法:

text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
参数:
 
auto :  允许浏览器用户代理确定使用的两端对齐法则
inter-word :  通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
newspaper :  通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
distribute :  处理空格很像newspaper,适用于东亚文档。尤其是泰国
distribute-all-lines :  两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档
inter-ideograph :  为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格
 
说明:
 
设置或检索对象内文本的对齐方式。
对应的脚本特性为textJustify。
 
例子:
 

复制代码 代码示例:
div {text-justify : auto; }