您的位置：首页 > Web前端 > CSS

css中text-align:justify文字两端对齐ie兼容属性text-justify

2015-12-28 09:45 716 查看

在css中使用text-align:justify可以使文字两端对齐。现在我们来看一个例子。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
div{
width:800px;
text-align:justify;
margin-left:50px;
margin-top:50px;
}
</style>
</head>
<body>
<div>
上海浦东发展银行股份有限公司（以下简称:浦发银行）是1992年8月28日经中国人民银行批准设立、1993年1月9日开业、1999年在上海证券交易所挂牌上市（股票交易代码：600000）的全国性股份制商业银行，总行设在上海。目前，注册资本金186.53亿元。良好的业绩、诚信的声誉，使浦发银行成为中国证券市场中备受关注和尊敬的上市公司。 秉承“笃守诚信，创造卓越”的核心价值观，浦发银行积极探索金融创新，资产规模持续扩大，经营实力不断增强。至2015年9月末，公司总资产规模达48,226亿元，各项贷款余额21,879亿元，各项存款余额30,011亿元，2015年前三季度实现归属于母公司股东的净利润371.62亿元。目前，浦发银行已在全国设立了40家一级分行、逾1300家营业机构，拥有超过4.3万名员工，架构起全国性商业银行的经营服务格局。近年来，浦发银行加快国际化、综合化经营发展，以香港分行开业、伦敦代表处、浦银国际成立为标志，迈出国际化经营的实质性步伐，以投资设立浦发村镇银行、浦银金融租赁有限公司、浦发硅谷银行等机构为标志，积极推进综合化经营。 上市以来，浦发银行连续多年被《亚洲周刊》评为“中国上市公司100强”。2015年2月，英国《银行家》杂志发布“全球银行品牌500强”榜单，浦发银行排名第58位，居中资银行第10位，品牌价值40.32亿美元；2015年5月，《福布斯》杂志发布“全球企业2000强”榜单，浦发银行居榜单第84位，排名上榜中资企业第15位、上榜中资银行第9位；2015年6月，Interbrand发布“最佳中国品牌价值排行榜”，浦发银行排名第17位，居同类型股份制商业银行第2位，品牌价值172.08亿元；同月，英国《银行家》杂志发布“全球银行1000强”排名，根据核心资本,浦发银行排名全球第35位，居上榜中资银行第8位；7月，美国《财富》杂志发布财富世界500强排行，浦发银行位列第296位，居上榜中资企业第59位和上榜中资银行第9位，表现出良好的综合竞争优势。2015年11月，浦发银行惠誉评级：长期外币发行人违约评级（IDR）投资级BBB-，支持评级（SR） “2”；2014年6月，浦发银行标普评级：长期信用评级“BBB+”、短期信用评级“A-2”、长期大中华区信用体系评级“cnA+”、以及短期大中华区信用体系评级“cnA-1”；12月，穆迪投资者服务公司（穆迪）发布浦发银行信用评级报告，长期存款评级上调至Baa1，短期存款评级上调至Prime-2，财务实力评级由D上调至D+（对应的基础信用评估由ba2上调至ba1），评级前景展望均为稳定。 深耕金融服务的同时，浦发银行积极践行社会责任，致力于打造优秀企业公民。2015年6月浦发银行获评中国银行业协会“2014年度最具社会责任金融机构奖”。2015年11月，浦发银行荣获2015年中国企业公众透明度评价“最佳社会责任报告奖”；2014年12月，润灵环球责任评级发布《2014 A股上市公司企业社会责任报告评级数据库》，浦发银行评级等级为AA，评级展望为积极。 浦发银行将继续推进金融创新，因势而变、顺势而为、乘势而上，以“新思维，心服务”为指引，努力建设成为具有核心竞争优势的现代金融服务企业
</div>
</body>

</html>

效果图：

两端对齐了，在chrome,firefox等浏览器下都正常。但是在ie下如图：

没有对齐。这就引出了text-justify这个属性。我们给div加上text-justify:inter-ideograph; 在ie下效果就正常了，text-justify只在ie下有用，而且必须和text-align:justify一起使用才有效。

关于text-justify更多说明，请参见http://www.w3school.com.cn/cssref/pr_text-justify.asp

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css ie text-align text-justify css文字两端对齐

相关文章推荐

新的分享

章节导航