urgent! The img in td is not displayed under IE7 and IE8. _html/css_WEB-ITnose

html ie7 ie8

 <td>                            <ul class="inline">                                <li>                                    <img class="img_size lazy"  src="/static/imghwm/default1.png"  data-src="../img/A1201001.jpg"     style="max-width:90%"  alt=""/>                                </li>                                <li>1235</li>                            </ul>                        </td>

It can be displayed by placing img directly in td. Now my requirement is that there may be multiple pictures that need to be displayed in one td. If they are placed directly in the td, the height of tr is too large, so I need the img to be displayed in a row in the td.
The above td is a cell in the table, but after the img is placed in the li, it is not displayed in IE7 and IE8, but the text 1235 can be displayed. I replaced ul with table, and img was also not displayed, but table was displayed.
What’s the problem? Can anyone give me some advice?

Reply to the discussion (solution)

LZ can be changed to DIV IMG and displayed in a row

Thank you very much!

My solution

for (var i = 0; i < urlArr.length; i++) {                        imgs += "<img src=\"" + urlArr[i] + "\" class=\"img_size\" alt=\"\" />";                    }                    if (imgs != "") {                        imgs = "<div class='row-fluid'>" + imgs + "</div>";                        $(this).children("td:last").width(urlArr.length * 22).append(imgs);                    }