1. 程式人生 > >css中text-align:justify文字兩端對齊ie相容屬性text-justify

css中text-align:justify文字兩端對齊ie相容屬性text-justify

在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一起使用才有效。