我需要把第一个td100%宽(包括图像),把其他td's放在第一个td下面。如何在不改变HTML的情况下做到这一点?
这就是我所拥有的:

#katalogas { float:left; width:100%; }
#katalogas .lentele { border-collapse:collapse; width:100% !important; }
#katalogas table.lentele tbody tr:nth-of-type(1) td {  width:25% !important;     border:1px dashed black; }

Jsfiddle
有办法吗?

最佳答案

我做了这么远。。。采用最新的Chrome、FF、IE/Edge进行测试
DEMO
我在你的小提琴css中添加了以下内容:

/* new css added ... */
#katalogas .lentele { position:relative; margin-top: 150px }
#katalogas .lentele img { position: absolute; top: -150px; }
#katalogas table.lentele tbody tr:nth-of-type(1) td:nth-of-type(1) { width: 0 !important; border: 0 }

如果您可以在所有图像上设置相同的高度,则可以使用此方法,如果不是,则每个图像都需要单独寻址,尽管小于200:)

09-07 22:06