html - 如何将 100% 宽度设置为第一个表 td 并使其他 td 低于第一个 td

Question

我需要将第一个 td 设为 100% 宽(包括图像)并将其他 td 放在第一个 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

有什么办法吗？

Answer 1

我让它工作到现在......在最新的 Chrome、FF、IE/Edge 中测试

DEMO

我在你的 fiddle 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 :)