css - 如何使元素在视口(viewport)中居中？

Question

我有以下 HTML 代码，其中每个场景 div 都是固定宽度并向左浮动。
我希望整个 .section_2 block 在视口(viewport)内居中，无论屏幕尺寸如何:

<div id="wrapper">
  <div id="scroller">
    <section class="section_2">
      <div class="scene2B1" data-stellar-ratio="1.1"></div>
      <div class="scene2B2" data-stellar-ratio="1.4"></div>
      <div class="scene2B3" data-stellar-ratio="1.3"></div>
      <div class="scene2B4" data-stellar-ratio="1.5"></div>
      <div class="scene2B5" data-stellar-ratio="1.2"></div>
    </section>

Answer 1

CSS。

.section_2 { margin: 0 auto; width: 800px; }

注意:您必须设置宽度。