用纯CSS实现台式定柱头卧式轧制的思路与实例
前言最近在后台管理系统做了大量的形式，因为原来的项目中使用的字符串循环加方式；铅的js代码；各类单、双引号嵌套；头痛；然后介绍vue.js；模板的渲染与v-for；工作量突然减少许多情绪；
文字被迫离去。
由于单个表中的列数，所有的单词都挤在一起；很难看到场景；使用强制非更改方法。
div {
白色空间：nowrap； / /不强制褶皱。
}
新的问题是整个宽度超过了强制线之后的物体。
因此，考虑到表的重要列，中间用一个横向滚动条拖动。
div {
白色的空间：不换行；
溢出：隐藏；隐藏溢出控制
overflow-x： / /滚动；设置水平滚动条
}
考虑到需要做一个固定的列，我们需要拆分表，然后通过浮动恢复表。下面的例子是将一个表拆分为三个部分，然后浮动起来恢复。
考虑自适应的需要，然后用百分比来做。
div {
宽度：100%；
白色的空间：不换行；
}
td {
边境：1px solid # 000；
}
表1 {。
宽度：20%；
浮点数：左；
}
对{。
宽度：70%；
浮点数：左；
溢出：隐藏；
overflow-x：滚动；
}
表3 {。
宽度：10%；
浮点数：左；
}
第一列
第一列
中柱
中柱
尾柱
尾柱
上述情况已经完成。
另一点是中间表的头也需要固定。它不能滑动的金额以下TBODY。我在这里采取的方法是使用位置来完成它，因为上面是按百分比做的，那么位置的左边值也是百分比，这里没有代码。
总结
以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。如果有任何疑问，可以留言交流，谢谢您的支持。