css - 50% 的并排盒子，但想将固定大小的盒子放在每个盒子的中央？

Question

我想做的是有两个并排的盒子，每个盒子都保持在屏幕宽度的 50%，这样无论屏幕宽度如何，它们都保持在 50%。

但是，我也尝试在每个框内放置带有文本的框，但我希望内部框完全居中并保持固定宽度，以便文本不会随着屏幕宽度的变化而移动.

有人有什么想法吗？看起来很简单，但我才刚刚开始使用 CSS，所以请多多包涵。

Answer 1

您可以这样使用 CSS:

   .half-screen{
       box-sizing: border-box;
       display: inline-block;
       width: 50%
    }

然后你在那些盒子里做你的逻辑

请注意，您可以使用vertical-align: top; 如果您希望它们并排并具有相同的起点