chrome css 两端对齐,前端CSS开发工具_文字两端对齐

前端

要实现文字两端对齐的效果。在网上搜索了一下，差不多都是用的都是类似的技巧：

text-align:justify;

text-justify:inter-ideograph;

但问题是，我怎么就看不到效果呢？无论是英文还是中文，在IE和chrome下都不起作用。后来，终于找到解决方法了。

样式：

div.justify { text-align: justify; width:200px; font-size:15px; color:red; border:1px solid blue; height:18px;}

div.justify > span { display: inline-block /Opera/; padding-left: 100%; }

hello, text justify.

hello, text justify.

中 文 两 端 对 齐

中 文 两 端 对 齐

从效果图可以看到，除了要在块级元素加text-align:justify样式外，还需要在里面加一个空的span元素，并应用样式。另外，对于中文还必须用空格隔开汉字，否则也没有两端对齐的效果。英文每个单词都有空格隔开，所以没问题。

前端