gpt4 book ai didi

html表格,如何使顶部列刚好适合内容的高度,下面的列占据其余部分

转载 作者:行者123 更新时间:2023-11-28 14:15:12 32 4
gpt4 key购买 nike

坚持使用如下所示的表格布局,a 列中有很多内容,并且所有列都具有设置的宽度和 vertical-align:top

    ----------------------------------------------
| | | |
| a | b | c |
| | | |
| | | |
| | | |
| |--------------------------| |
| | d | e | |
| | | | |
| | | | |
| | | | |
----------------------------------------------

我这里有一个代码示例:http://jsfiddle.net/cwQtK/

我需要它在 b 列与内容一样高的情况下执行此操作,因此看起来 d 列和 e 列中的内容紧跟在 b 列中的内容之后。

    ----------------------------------------------
| | | |
| a | b | c |
| |--------------------------| |
| | d | e | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
| | | | |
----------------------------------------------

我可以通过将 b 列的高度设置为小于其内容的大小来修改它以在 Firefox 中执行我想要的操作(开箱即用的 Chrome 可以按照我想要的方式执行)。

http://jsfiddle.net/cwQtK/1/

问题是这在 IE 中不起作用。

有人知道如何进行这种布局吗?

最佳答案

把b,d,e做成一个单独的表格,没有设置高度,然后它会自动收缩到内容。所以你将有一个表,a、b、c 然后在那个 b 单元格中你将放置你当前的 b、d、e

关于html表格,如何使顶部列刚好适合内容的高度,下面的列占据其余部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9121367/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com