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;
}