---

之前困擾了很久的問題，終於找到方法了

就是文章下面推文的排版
靠左靠右都有個不固定寬度的div，然後中間要並排個會填滿剩餘寬度的div
之前都是要用 js 算出中間應該要多寬
現在發現原來只要 CSS 加上 overflow: hidden; 就可以了


中間的div裡面的文字要斷行的話要加
word-break:break-all;
(對於舊版的firefox好像要再加 word-wrap:break-word; 才行)

如果中間是用 display: inline; 的話就不會並排了


中間如果是用 display: inline-block; 的話
內容文字過長時就會被擠到下一行


在html裡 float:right 的div要寫在中間div的前面
不然會跑到下面去



參考:
 



--
※ 作者: Knuckles 時間: 2013-06-25 13:54:24
※ 編輯: Knuckles 時間: 2014-07-13 21:58:20