Html DIV和x27的垂直对齐;使用相对定位和内联块?
当DIV中的内容具有不同的高度时(尽管DIV本身具有固定的大小),我在垂直对齐DIV时遇到问题Html DIV和x27的垂直对齐;使用相对定位和内联块?,html,css,Html,Css,当DIV中的内容具有不同的高度时(尽管DIV本身具有固定的大小),我在垂直对齐DIV时遇到问题 我希望DIV像文本一样“流动”,所以如果可能的话,我希望避免使用position:absolute。我正在使用display:inline block来显示DIV不会折叠。将它们向左浮动: .collection_box { float: left; } 添加一个vertical align属性-不管是哪一个,它们都做相同的事情,因为它们的大小相同。如果尺寸不同,请使用垂直对齐:中间: .co
我希望DIV像文本一样“流动”,所以如果可能的话,我希望避免使用
position:absolute
。我正在使用display:inline block
来显示DIV不会折叠。将它们向左浮动:
.collection_box {
float: left;
}
添加一个
vertical align
属性-不管是哪一个,它们都做相同的事情,因为它们的大小相同。如果尺寸不同,请使用垂直对齐:中间:
.collection_box {
vertical-align: middle; /* or top, or bottom, if they're the same size */
}
我在@Luke对[空内联块元素的垂直对齐][1]的回答中找到了答案。收集盒样式中的垂直对齐:top
。[1] :请添加此评论作为答案并接受,否则此问题仍然没有必要回答。完成,谢谢@夜火猫得到了信任。