[问题] 关于缩小视窗宽度时,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