Html 图像和其他Div相邻的Div容器 我试图画一个容器，它包含左边的图像（缩略图）和图像旁边的几个div（垂直：在容器的中间）。它们将包含按钮和下拉列表，可能还包含除纯文本之外的其他内容

我知道我需要使用

float:left

等等，但我运气不好，看起来不太好。因此，我甚至不会提供一个我所取得成就的例子。相反，我将提供我的愿景：

我不想要表解决方案，只想要div——当然，如果可能的话

---

有人能帮我们解决这个问题吗？

使用

显示：内联块。它基本上是内联和块行为的混合体。下面是一个示例，HTML：

<div class = "container">
    <img src = "pic.png" class = "inbl"/>
    <div class = "inbl"></div>
    <div class = "inbl"></div>
</div>

还有一个小演示：。
您也可以使用div标记创建表视图。这样

<div style="display:table">
    <div style="display:table-cell">
       <img src="src" style="width:150px;height:100px;/>
    </div>
    <div style="display:table-cell;vertical-align:middle;" align="center">
       <div> your container1 </div>
    </div>
    <div style="display:table-cell;vertical-align:middle" align="center">
        <div> your container2 </div>
    </div>
</div>


你的集装箱
你的集装箱2
向我们展示您迄今为止的尝试。我们不是来为你工作的，我们是来帮助你解决问题代码的。这不是一个模糊的问题，这正是我的问题。谢谢你的发帖。这个解决方案出了什么问题？好吧，首先，不是我否决了你的答案。我认为这可能与以下内容有关：您使用了内联样式，这通常是不可取的；您使用了
align
属性，该属性已被弃用；它比使用
display:inline块要复杂一些。再次强调，不是我否决了你的答案，我认为这在概念上是正确的。@Abody97我不怪你，但是一个消极的选民应该给出一些评论，这样至少我们知道我的答案有什么错误，无论如何我也从中吸取了教训，实际上我是html和css的罕见用户。感谢你提供的解决方案。我不知道谁投了反对票，但不是我！再次感谢您！因此，如果我理解正确，使用inline-block'ing，您不需要任何浮动？@Dmitri-yes，您根本不需要任何浮动——如果您愿意，请查看演示。我已经看过演示，结果非常好！非常感谢你。非常好，干净和简单的解决方案。我不知道你是否还能读到：你的解决方案有效，但是，我想知道，我如何使用浮点数。我想在左边有一个图像，在右边有一个div2（见图），这个DIV垂直对齐到中间。你能帮我一下吗？@Dmitri你试过改变垂直对齐：顶部吗；在CSS中的
中间
？
<div style="display:table">
    <div style="display:table-cell">
       <img src="src" style="width:150px;height:100px;/>
    </div>
    <div style="display:table-cell;vertical-align:middle;" align="center">
       <div> your container1 </div>
    </div>
    <div style="display:table-cell;vertical-align:middle" align="center">
        <div> your container2 </div>
    </div>
</div>