最佳答案：table：宽度自适应，或者简单的宽度控制ul-li：用浮动和百分比ul-li：用弹性盒子今天纠结的小点：如果要行可点击时，排除 table，用 ul。如果有页签切换，直接用 table 不可行：如果
table：宽度自适应，或者简单的宽度控制
ul-li：用浮动和百分比
ul-li：用弹性盒子
今天纠结的小点：
如果要行可点击时，排除 table，用 ul。
如果有页签切换，直接用 table 不可行：如果宽度纯自适应，那切换时列表看起来会抖，体验不好
宽度的分配问题：百分比不好设置，尤其移动端屏幕宽度不定。有时窄屏下刚刚好的比例到宽屏下就有些空荡不协调了；宽屏下合适的比例在窄屏下又被挤的掉下去了-这个很严重的。
先说说这三种布局的特点：
table
1.没有行点击的，可用
2.没有页签切换的，可用：要保证tab切换时视觉上的不抖动，就得设置百分比。
3.列中有换行，同行要保持垂直对齐的
总之：横竖的对齐+内容的自适应+行不会掉下来，这三点就让原生的 table 天生棒棒哒。
但是一旦要加额外限制，table 就显得有点重了。额外限制包括：行可点击-不能实现；不同即有宽度-又有样式限制限制-html层次就深了。
float 加 %
兼容性挺好：各种浏览器都支持，而且表现也较一致
问题1：移动端宽度设置不好设置—原因如今天纠结的3—你看，这个时候table就比较好了-原生的对齐就很协调
问题2：一个宽度要改，其余的比例也都要适当地重新计算再修改，不方便。
问题3：多行时，列的对齐又不好控制-当列的宽度不是定死的时候。灵活就会导致潜在的不对齐。
