我正在移动网站上工作，该网站布局流畅。在主页面上，我有一个包含一些产品的表格
每个产品都有3个div：product-image，product-name和prices-container
我似乎无法弄清楚如何在表行中水平对齐prices-container div
我认为这个问题有2种方法：product-name总是占据表格行中最高product-name的高度，prices-container始终坚持到底部我的产品表格。似乎无法弄清楚如何申请任何。
Here说明了这个问题 左图显示我的问题，右图显示了我希望它如何。
如果product-name有一个固定的高度，这不会有问题，但由于这个文本是动态的，我不知道它会有多高。可能是一行文字，可能是10行。
我创建了一个CodePen，您可以在其中检查我的代码和问题＆gt;＆gt; here＆lt;＆lt; （我知道它看起来很难看，用背景颜色更快地弄清楚发生了什么） 我正在使用Jade作为我的HTML和Stylus for CSS。
限制：
- 必须是CSS＆amp;仅限HTML，我不想使用Javascript
- 解决方案必须适合流体布局（宽度设置为百分比）
- 不能使用product-name的固定高度，这是一个动态文本
任何想法如何做到这一点？谢谢！ ：）
答案 0 :(得分：1)
将vertical-align:bottom; css样式添加到.box1类。
同样，为.box4 css类添加相同的样式。
谢谢，
