作者：前前后后zzyyix | 来源：互联网 | 2023-02-12 11:17
我想要一张桌子,让第一个细胞可以分散几个细胞,下面的细胞可以有垂直文本,如下例所示.
.second td * {
writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
| This cell has colspan=4 |
Writing-mode:vertical-rl inside block |
Writing-mode:vertical-rl inside block |
Writing-mode:vertical-rl inside block |
Writing-mode:vertical-rl inside block |
在除Safari之外的每个浏览器中,这会生成包含侧向文本的正确大小的单元格.Safari要么折叠它们(如果容器是块),要么将它们展开,就像它们是水平的一样(如果容器是内联的).
我已经将错误提交给了Webkit,但在那之前,我想使用这种模式,所以我正在寻找一种方法来保留这种结构的大部分并且能够在垂直文本之上使用colspan.实际的用例更复杂,因此简单地在某处设置固定宽度并不是一个可行的解决方案.
我尝试重新实现表格display: flex并在行方向flex中嵌套列,但遇到了同样的错误,这次也是在Firefox中.
京公网安备 11010802041100号