Question

我需要首先td 100％宽（包含图片）并将其他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

有什么办法吗？

Answer 1

我让它工作到目前为止......在最新的Chrome，FF，IE / Edge

中测试过

DEMO

我将以下内容添加到您的小提琴中：

/* 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：）

Answer 2

将其放在自己的行中并使用colspan：

 <tr><td colspan="4">image here</td></tr>

演示： http://codepen.io/anon/pen/BozGyP

如何将100％宽度设置为第一个表td，并使其他td＆＃39; s低于第一个td

2 个答案: