css实现文字两端对齐(兼容)
2013-09-28 16:18
218 查看
今天做一个项目,客户要求文章文字两端对齐,一开始使用了 text-align:justify; text-justify:distribute-all-lines;发现在chrome下正常,
IE下不足一行的文字也被强行两端对齐,非常不友好,
后来一查资料发现,应该这样写: text-align:justify; text-justify:inter-ideograph;,测试后,IE下也正常了!
PS:另外,发现IE下和chrome下一个空格符 对应的宽度也不一样,需要设置同一个字体即可解决:font-family:
宋体, simsun;
IE下不足一行的文字也被强行两端对齐,非常不友好,
后来一查资料发现,应该这样写: text-align:justify; text-justify:inter-ideograph;,测试后,IE下也正常了!
PS:另外,发现IE下和chrome下一个空格符 对应的宽度也不一样,需要设置同一个字体即可解决:font-family:
宋体, simsun;
相关文章推荐
- 使用CSS如何实现页面两行文字两端对齐
- CSS实现多行文字两端对齐的效果
- CSS 如何实现文字两端对齐
- css中text-align:justify文字两端对齐ie兼容属性text-justify
- CSS 实现文字两端对齐
- css 实现单行文字两端对齐
- CSS实现多行文字两端对齐的效果
- text-align:justify实现文本两端对齐 兼容IE
- text-align:justify实现文本两端对齐布局,兼容IE
- CSS实现背景透明,文字不透明(各浏览器兼容)
- CSS实现背景透明,文字不透明,兼容所有浏览器
- 纯CSS实现文字一行居中,多行左对齐的方法
- CSS实现背景透明,文字不透明(各浏览器兼容)
- [Android][实现类似表单上的文字,两端对齐,文字间距相等]
- css实现两端对齐的3种方法
- Android中用webView来解决文字排版实现两端分散对齐的方式
- 【原】css实现两端对齐的3种方法
- css实现两端对齐
- css实现两端对齐
- 怎样用CSS来实现网页文字的两边对齐