Question

td里的内容超出table的父元素div

如图所示，父div长度是默认的长度（谷歌浏览器下手机模式调试时得出），子table样式为width:100%;max-width:100%;，但是调试时发现，td的子元素div内容超出了，致使整个td、table都超出了，如何时td不会超出table父div的范围呢？

Answer 1

反过来说，你的内容太长了，你要不想超出那就是换行了。。
但是你又不允许换行。。
你想怎么显示呢。。
缩小字体。。？

追问

这么跟你说吧，其实我的需求是：最多显示4个，但是不会超出父div。如果只有1、2个或者3个的时候，相应的长度也跟着变化（加起来总长度都等于父元素的长度，例如：只有1个td，那么td的长度就等于父div的长度，除margin和padding外），就是无论你是有1个还是4个，使td的总长度都差不多等于父div的长度