我正在尝试绘制一个容器,其中包含左侧的图像(缩略图)和图像旁边的几个 div(垂直:在容器的中间)。除了纯文本之外,它们还包含按钮和下拉列表,可能还包含其他内容。
我知道我需要使用float:left
等等,但我不走运——看起来不太好。所以我什至不会提供我所取得的成就的例子。相反,我将提供我的愿景:
I don't想要一个表格解决方案,只需要 div — 当然,如果可能的话。
有人可以帮我们解决这个问题吗?
Use display: inline-block;
。它基本上是内联和块行为的混合。这是一个 HTML 示例:
<div class = "container">
<img src = "pic.png" class = "inbl"/>
<div class = "inbl"></div>
<div class = "inbl"></div>
</div>
CSS:
.inbl {
display: inline-block;
vertical-align: top;
}
.container {
white-space: nowrap;
}
还有一个小演示:小链接.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)