Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 显示DIV';s在另一个DIV中内联_Html_Css - Fatal编程技术网

Html 显示DIV';s在另一个DIV中内联

Html 显示DIV';s在另一个DIV中内联,html,css,Html,Css,我有一个小型的电子商务网站。我有一个DIV浮动在页面的右侧 我想在its图像下方显示项目的图像和名称 现在如果我把DIV从这个 <div><?php echo $item['item_name'] ?></div> 使div显示:块 这里我直接针对div。对于你的站点,我会给这个孩子div一个类 CSS 这是假设您的divs以某种方式设置为display:inline,如中所示 如果你的div是浮动的,那么你需要告诉这个div没有浮动 CSS 就像在中一样,

我有一个小型的
电子商务网站
。我有一个DIV浮动在页面的右侧

我想在its图像下方显示项目的图像和名称

现在如果我把DIV从这个

<div><?php echo $item['item_name'] ?></div>

使
div
显示:块

这里我直接针对
div
。对于你的站点,我会给这个孩子
div
一个

CSS

这是假设您的
div
s以某种方式设置为
display:inline
,如中所示

如果你的div是浮动的,那么你需要告诉这个div没有浮动

CSS


就像在

中一样,这两种方法都有帮助吗?没有。。。将项目_包装器向左浮动解决了问题有趣的是,请确保将您的解决方案作为答案,以便关闭此问题:)
<div id="list_products">

    <?php foreach ($items as $item) { ?>

        <div class="item_wrapper">

            <a href="uploads/<?php echo $item['item_id'] . '.' . $item['item_image_ext'] ?>"><img src="uploads/thumbs/<?php echo $item['item_id'] . '.' . $item['item_image_ext']; ?>" alt="" style="height: 200px; width:200px"/></a>
            <div>
             <?php echo $item['item_name'] ?>
            </div>
       </div>

<?php } ?>

</div>
.item_wrapper{
    width: 300px;
    height:300px;
    display:inline;
}


#list_products{
    width: 75%;
    float: right;
    max-width: 78%;
    margin: 0px;

}
.item_wrapper div {
display: block;
}
.item_wrapper div {
float: none;
}