table的td的1%

使用media-obj和media-bd类似的样式，大多数采用的是display： table-cell（即是table中td）来实现。当然设置display是不够，还要根据情况设置width。如下面四种情况：

1.当不设置width时，会出现下图情况：

空了很多

2.当设置width >= username的长度(如我设置width: 160px)时：

多的更多，还有一个问题，你没法确定最大长度，而你做的多半也是大于username的长度。

3.当设置width保证小于每个单词的长度，如：width: 1% .那会怎么样了,看下图：

发现完美自适应。

ps： width： 1%；以网页通常显示最大尺寸1920来说，1%也就是19.2px，及时一个14px字母那也足够看不出明显空白。另外，bootstrap也是这么做的。

4.通过第3种情况，估计有人会想设置0%，可以不？不可以，td的width:0%无效, 和没设置width一样