作者banana2014 (香蕉共和国)
看板Web_Design
标题[问题] 关於缩小视窗宽度时，100%宽度的表格会溢
时间Fri Jan 1 04:16:57 2016
以下是留言版的部分原始码内容：
http://banana2014.er-webs.com/test-gbook.html
请问为什麽我将浏览器视窗的宽度缩到最窄之後，上方的状态列还是会凸出右边的部分?
我已经将状态列的宽度设成100%，照理来讲不是应该充满整个宽度而不会凸出或露出空白
的吗? 为什麽还是会凸出呢?
如果是因为所有字的宽度加表格边框已经超过浏览器视窗的宽度才被迫凸出来，请问能用
什麽方式来解决呢? (例如怎样把凸出来的部分改分到第二列去呢)
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 101.139.149.54
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1451593021.A.AA7.html
1F：→ s89227: 因为border不算在width里吧？ 01/01 06:10
2F：→ Hevak: 要解决1楼说的问题的话，100%的东西要做 01/01 13:11
3F：→ Hevak: box-sizing: border-box; 01/01 13:11
4F：→ banana2014: 嗯… 还是一样的结果 01/01 13:58
5F：→ banana2014: 我想是因为所有文字的宽度加总起来大於100%的宽度，所 01/01 13:59
6F：→ banana2014: 以才会凸出来，不晓得大家有什麽可以解决的办法呢? 01/01 14:01
我很纳闷的是说为什麽表格没有「自动换行」的机制呢? 又如果在<td>里实行word-wrap: break-word;或把nowrap
取消掉的话，整个版面会变得很糟糕，所以该如何说如果表格的实际宽度已超过100%的宽度，让一些<td>自动跳到第
二列去?
※ 编辑: banana2014 (101.139.137.178), 01/01/2016 14:23:23
7F：推 lolikung: word-break ? 01/01 14:34
请问像这样该如何判断文字是否已超过指定宽度是不是就要用javascript去做了?
※ 编辑: banana2014 (101.139.137.178), 01/01/2016 14:45:44
8F：推 eight0: 为什麽表格会有自动换行的机制？这样第X栏第Y列不就随时不 01/02 14:58
9F：→ eight0: 一样 01/02 15:00
11F：→ eggimage: 为什麽一定要用table....别用table来排版面 01/02 18:24
谢谢各位的回答。 但是想请教一下eight0大，为什麽我用flexbox时储存格左右之间
的spacing会比上下间还来得细呢? 亦即分隔线为什麽会那麽细呢? 如图红圈处。 该
如何把分隔线的宽度与表格的border同宽呢? 谢谢
http://i.imgur.com/M2NTqyE.jpg
※ 编辑: banana2014 (101.139.102.213), 01/03/2016 17:57:12
12F：推 eight0: 因为你原先用 cellspacing 将 td 分开，但使用 flexbox 时 01/04 01:52
13F：→ eight0: 这个属性没有作用 01/04 01:52
14F：→ eight0: 可以改用 CSS 的 margin 或 border 01/04 01:53