css内容两边对齐实现方法

发布时间:2019-08-31编辑:脚本学堂
本文介绍了css控制内容两边对齐的方法,css文字两端对齐如何实现,有需要的朋友参考下。

在css中实现文字两端对齐,主要使用如下属性:
 

text-align:justify;
text-justify:inter-ideograph;

来看css两端对齐的例子:
1,中文字两端对齐:

复制代码 代码示例:
text-align:justify; text-justify:inter-ideograph;

2,固定宽度汉字截断:

复制代码 代码示例:
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

(不过只能处理文字在一行上的截断,不能处理多行。)
(ie5以上)ff不能,它只隐藏.

3,固定宽度汉字(词)折行:

复制代码 代码示例:
table-layout:fixed; word-break:break-all;(ie5以上)ff不能