Ajen在問中文文字的左右對齊,像Micro word裡面的編輯,可以達到左右兩側對齊,所以就寫這一篇CSS語法的說明,看在CSS樣式裡面怎麼設定的達到這樣的效果!

CSS樣式語法,針對左右對齊的是↓
text-align: justify;
text-justify:inter-ideograph;
就是讓文字的部份採用兩側對齊!

我現在就是在我的CSS自定樣式裡面的文章主題,就是只有我文章顯示的區塊做這樣的設定,其他地方沒有改。
/*文章主體*/
.blogbody{
 width:100%;
 margin-top: 15px;
 font-size: 17px;
 word-wrap: break-word;
line-height: 150%;
text-align: justify;
text-justify:inter-ideograph;
}

如果你要整本部落格各個地方都是這樣的設定,那就將這兩行放到body{}裡面,likes↓
body{ 
 margin:0px 0px 0px 0px;
 text-align: center;
 background-image:url(http://s.blog.xuite.net/_image/skin/background/10040/blogBg_1.gif);
 background-attachment:fixed;
 background-repeat:no-repeat;
/* background-position: center top;*/
  font-family: Comic Sans MS,arial,helvetica,sans-serif;
 color:#000000;
line-height: 150%;
text-align: justify;
text-justify:inter-ideograph;

}

在這邊我再多介紹一個line-height,就是行高,因為有網友反應行高太密,看起來不舒適,所以我自己是都將它設定為一行半的行高,就是空半行(空一行又太高),所以是設為150%

line-height: 150%;

可以將它加到你想加的地方!



隨機文章


  • 歡迎來到隨意窩Xuite

    開啟選單瀏覽服務或以關鍵字搜尋。

     
  • 瀏覽更多精彩內容

    切換至格主其他頻道或直接搜尋。

     
  • 快速便利分享工具

    提供多種分享方式傳遞內容資訊。

     
  • 更多推薦APP

    隨意遊與隨食記app僅支援ios裝置。