CSS表格布局：如何用CSS实现三列平分、两列分栏和单列全宽？

三等份： CSS .三列{ 显示方式：网格； 网格模板列：repeat(3 , 1 fr); 宽度：1 00%； }
直接使用网格并分成三等分，无需计算百分比。

两栏： CSS .两列{ 宽度：1 00%； 边界塌陷：塌陷； } .两列 td { 边框：1 px 实心 000； 内边距：8 px； } .widecolumn { 宽度：6 6 .6 6 %； } .窄列{ 宽度：3 3 .3 3 %； }
如果合并前两列，总宽度将为 1 00%。
第二列为 6 6 .6 6 %，第一列为 3 3 .3 3 %。

单列全宽： CSS .全角{ 宽度：1 00%； } .全栏{ 宽度：1 00%； 边框：1 px 实心 000； 内边距：8 px； 文本对齐：居中； }
合并所有列，使单个列填充宽度。
适用于标题或全角内容。

尽管网格比 Colspan 更现代，但传统表格也可以与 Colspan 一起使用。

div、css怎么实现内容的分栏，先把左侧排满，高度不够时排到第二列，请教高人~~

我记得去年冬天，我在一家咖啡馆做一个项目。
我的手指冻得发抖，但我还是解决了 div 的垂直排列问题。
当时我就想，如果能像写春联一样竖着细分，是不是更清晰呢？结果我查了资料，发现了这个窍门。

看这段代码，主div就像一个相框，里面的小方块和物体一个接一个垂直排列。
当我输入vertical-lr时，我几乎错误地按下了vertical-rl。
幸亏我反应快，不然一切就乱了。
古色古香的白色真的是恰到好处，不刺眼，反而能吸引人们的注意。

等一下，还有一件事。
我尝试将写入模式设置为.item。
你好，这是完全错误的。
它必须放置在父 div 中。
就像做饭一样，不能随意加调料，必须遵守规则。
当时我还盯着电脑发呆。
如果网站可以像报纸一样垂直排列，阅读体验会不会更好？我突然想到现在很多电子书应用都支持竖屏模式，也许这就是原因。

9 年过去了，技术还是那么简单直接，没有我想象的那么复杂。
我简直就是个天才，哈哈哈。
但话虽如此，为什么浏览器让书写模式变得如此复杂呢？