CSS框未正确对齐

Question

我正在设计一个Web应用程序，我的Css面板不断跳到那里。面板具有4：3纵横比的图像和描述部分。它有时效果很好，有时当我将新产品添加到目录时会跳出来。我无法设置固定高度，因为我需要它才能响应，而且我懒得为每个视口编写媒体查询。 我正在使用Bootstrap 4.那里有任何有任何见解的大师？我的网站托管在lunchmagic.co.ke。您可以检查页面以查看我的代码。 谢谢

Answer 1

将min-height应用于每个方框，之后，您的方框将正确显示。

Answer 2

为修复问题的所有修复高度或最小高度

int a = Integer.parseInt(number.getText().toString());
int b = Integer.parseInt(range.getText().toString());
StringBuilder builder = new StringBuilder();

for(int i = 1 ; i <= b; i++){       
    int res = a * i;
    builder.append(a +" * " + i + " = " + res + "\n");      
}

result.setText(builder.toString())