弯曲方向的最大高度:列

时间:2019-07-09 08:33:35

标签: bootstrap-4 flexbox frontend

我试图制作一个CTA框,其中包含文本和两个按钮,两个按钮包装在.buttons类中,并以图像为中心。当我拥有移动视图时,一切都很好,因为按钮位于文本区域下方。但是在桌面视图中,我在文本旁边有一个按钮,并且在另一个按钮上方,当我在文本区域中使用较大的字体和填充时,按钮内的文本不会居中。

[Codepen]([https://codepen.io/iCode18/pen/dBQLeL/][1])

我知道我应该拥有“移动优先”功能。我知道设备之间的转换看起来不太好。

1 个答案:

答案 0 :(得分:0)

每个按钮必须具有:  display: flex; justify-content: center; align-items: center;,当然还有必要的媒体查询。