我正在尝试重新创建这张照片，但遇到了一个问题，我不知道如何解决！因此我需要缩小容器类的宽度，但我不完全确定如何缩小。我尝试了各种不同的伸缩框策略。我的问题是如何缩小容器类的宽度，以及如何像照片中那样将所有内容移动到屏幕中心？（如果您将代码片段扩展到全屏，则所有内容都将显示在左上角）x1c 0d1x以下是我目前掌握的内容：第一个
sqxo8psd1#
你只需要把你想要的所有内容缩小并居中到另一个<div>元素中，然后缩小并居中CSS样式为：
<div>
.shrink-container { width: 400px; // or any other value you want margin: 0 auto; // this is actually centering the container }
第一次
7fyelxc52#
您可以将其 Package 在另一个div中，并将max-width & margin: auto赋给它。这将限制其宽度并使其位于中心。第一个
max-width
margin: auto
2条答案
按热度按时间sqxo8psd1#
你只需要把你想要的所有内容缩小并居中到另一个
<div>元素中，然后缩小并居中CSS样式为：
第一次
7fyelxc52#
您可以将其 Package 在另一个div中，并将
max-width&margin: auto赋给它。这将限制其宽度并使其位于中心。第一个