效果
在工作中遇到的自适应表单，实现过程并不顺畅，经过了一些改进。 其中，将不熟悉的技术要点总结如下，期待下次的发展。
自适应表如何实现文本溢出点的效果
适应型的表，由于机灵的皮带的流动性，所以文字不会溢出。 如下图所示。
image.png
如何解决适应表单内容过多、布局混乱的情况？
将以下css声明添加到table标记中：
表层布局：固定；
table-layout的作用是固定表的布局，使表的宽度不因内容而动态变化。
table-layout :设定固定后的效果：
image.png
td不需要设置高电平
机灵的皮带内容太多，出现了内容换行限制，把td支撑得很高，都设置height是没有意义的。
image.png
如何设置td的初始高度
考虑到舒适的皮带被展开的情况，td初始高度的设定优选通过填充进行。
可以设置如下：
. table td， table th {
padding: 5px 10px；
}
表格边框问题
th、td均设置边框后，如下所示。
image.png
如何重叠表格边框
在table中设置以下css :
选项卡{
border-collapse: collapse；
边框间距： 0；
}
border-collapse :可以在舒适的腰带之间共享边框
边框间距：消除舒适的皮带之间的间隔