相容IE瀏覽器實現的中文兩端對齊程式碼例項

antzone發表於2017-04-02
瀏覽器

實現兩端對齊通常使用text-align:justify，具體可以參閱text-align:justify用法詳解一章節。

但是上面的並不能夠將中文在當前的IE瀏覽器版本實現兩端對齊效果。

相容性處理如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
div {
  width:230px;
  height:300px;
  background:#ccc;
  text-align:justify;
  text-justify:distribute;
}
</style>
</head>
<body>
<div>螞蟻部落歡迎您，只有努力奮鬥才會有美好的未來。本站的地址是歡迎大家為本站提供有益的建議或者意見.</div>
</body>
</html>

上面的程式碼實現了相容所有瀏覽器的功能，主要是附加如下程式碼:

[CSS] 純文字檢視 複製程式碼
text-justify:distribute;

相關文章