javascript - 在 div 中水平(在一行中)显示元素

Question

这是我的 div :

 <div class="PictureContent1" style="display:inline-block" value="1"> </div> 

这是内容:

for(var i = 0; i<ui.item.productpictureurl.length; i++){
                        $('div.PictureContent1').append("<img width='100px' height='100px' src='" + ui.item.productpictureurl[i] + "' />");
                        var radioBtn = '<input type="radio" name="'+ui.item.label+'" data-urlId="'+ui.item.productpictureurl[i]+'" />';
                        $('div.PictureContent1').append(radioBtn);                                  
                    }

我需要显示 <img>和 radiobuttons在这个 div 中一行。谁能帮帮我？

Answer 1

您可以向它们添加 float: left 来解决您的问题，但随后会出现另一个问题，因为 float 不会被清除，所以这些图像之后的代码看起来有问题。

查看clearing floats .