Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html DIV和x27的垂直对齐;使用相对定位和内联块?_Html_Css - Fatal编程技术网

Html DIV和x27的垂直对齐;使用相对定位和内联块?

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中的内容具有不同的高度时(尽管DIV本身具有固定的大小),我在垂直对齐DIV时遇到问题


我希望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] :请添加此评论作为答案并接受,否则此问题仍然没有必要回答。完成,谢谢@夜火猫得到了信任。