html – 条形图效果：并排时将多个DIV对齐到底部

概述这是我的问题的图像： http://www.rhexi.com/images/uploads/example.jpg 我试图将多个并排div与父div中的底部对齐.我想要实现的最终结果是一个条形图,其中有一个父容器,多个条形在父内部底部. 我已经成功地在容器div中嵌入了子条形div,但它们都是顶部对齐的.我如何让它对齐底部？ 我不想使用position：absolute和bottom：0因为这些 这是我的问题的图像：
http://www.rhexi.com/images/uploads/example.jpg

我试图将多个并排div与父div中的底部对齐.我想要实现的最终结果是一个条形图,其中有一个父容器,多个条形在父内部底部.

我已经成功地在容器div中嵌入了子条形div,但它们都是顶部对齐的.我如何让它对齐底部？

我不想使用position：absolute和bottom：0因为这些条需要浮动.

这是我的代码：

<div >            <div ></div>            <div ></div>            <div ></div>    </div>

谢谢您的帮助！

解决方法 如果你想继续使用这种技术,但需要skybondsor的答案与“屏幕”的底部对齐而不使用每个条上的绝对定位,只需使用你的边距样式.您的保证金最高值应等于：

margin-top = height_of_graph – height_of_bar

所以,在skybondsor设定的例子中,这对我有用：

<div >    <div >        <div ></div>        <div ></div>        <div ></div>    </div></div>

希望这可以帮助.

总结

以上是内存溢出为你收集整理的html – 条形图效果：并排时将多个DIV对齐到底部全部内容，希望文章能够帮你解决html – 条形图效果：并排时将多个DIV对齐到底部所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。