将三个按钮放在同一中心线上

Question

我在同一行和容器中有三个单独的按钮，但由于它们上面的内容，它们并非全部位于同一水平线上。

这在大屏幕上恶化

如何让所有这些按钮位于同一个中心点？

实时网址 http://185.123.97.138/~kidsdrum/moneynest.co.uk/

HTML

<button data-sumome-listbuilder-id="6ffa68f2-f144-418b-afe0-4de05390e083" class="text-uppercase btn btn-primary btn-lg btn-middle">Start Class Now</button>

Answer 1

问题在于，您无法预测上述部分中的文字将始终在同一点完成，因此，就目前而言，它在技术上并不可行。你可以做一些hacky修复，但我认为最好的解决方案是完全从这些容器中取出按钮，并且有一个单独的＆＃34; row＆＃34;包含它们的元素。

这样，如果其中一列中的文本由于某种原因（添加了文本，不同的屏幕大小）而变得更长，那么整个＆＃34;按钮行＆＃34;将被平均按下，按钮将始终保持相同的基线

希望有意义