[問題] 關於縮小視窗寬度時,100%寬度的表格會溢

作者: banana2014 (香蕉共和國)   2016-01-01 04:16:57
以下是留言版的部分原始碼內容:
http://banana2014.er-webs.com/test-gbook.html
請問為什麼我將瀏覽器視窗的寬度縮到最窄之後,上方的狀態列還是會凸出右邊的部分?
我已經將狀態列的寬度設成100%,照理來講不是應該充滿整個寬度而不會凸出或露出空白
的嗎? 為什麼還是會凸出呢?
如果是因為所有字的寬度加表格邊框已經超過瀏覽器視窗的寬度才被迫凸出來,請問能用
什麼方式來解決呢? (例如怎樣把凸出來的部分改分到第二列去呢)
謝謝
作者: s89227 (Kei)   2016-01-01 06:10:00
因為border不算在width裡吧?
作者: Hevak (Arthow Eshes)   2016-01-01 13:11:00
要解決1樓說的問題的話,100%的東西要做box-sizing: border-box;
作者: banana2014 (香蕉共和國)   2016-01-01 13:58:00
嗯… 還是一樣的結果我想是因為所有文字的寬度加總起來大於100%的寬度,所以才會凸出來,不曉得大家有什麼可以解決的辦法呢?
作者: lolikung (幹麼查我?)   2016-01-01 14:34:00
word-break ?
作者: eight0 (欸XD)   2016-01-02 14:58:00
為什麼表格會有自動換行的機制?這樣第X欄第Y列不就隨時不一樣用 flexbox http://output.jsbin.com/pesisuxufe
作者: eggimage (目前沒有名片)   2016-01-02 18:24:00
為什麼一定要用table....別用table來排版面
作者: eight0 (欸XD)   2016-01-04 01:52:00
因為你原先用 cellspacing 將 td 分開,但使用 flexbox 時這個屬性沒有作用可以改用 CSS 的 margin 或 border

Links booklink

Contact Us: admin [ a t ] ucptt.com