我需要把第一个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
有办法吗?
最佳答案
我做了这么远。。。采用最新的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:)