Question

如何将说明放在主要块的中央？我尝试使用sudo chown -R <your_user>:staff ~/.npm sudo chmod 755 ~/.npm sudo chown -R <your_user>:wheel /usr/local/lib/node_modules sudo chmod 755 /usr/local/lib/node_modules或{margin: auto}，但这无济于事。

{margin-left:auto, margin-right:auto}

Answer 1

这应该可以帮助您：

.description {
display: flex;
align-items: center;
justify-content:    
}

Answer 2

如果您使用的是Bootstrap 4，请使用mx auto。

<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
    </head>
    <body>
<main class="row">
  <div class="description mx-auto">A little description</div>
</main>
</body>

否则

.description {
  text-align:center;
}

 <main class="row">
      <div class="description">A little description</div>
    </main>

Answer 3

如果您使用的是Bootstrap 4，请使用mx auto。

<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
    </head>
    <body>
<main class="row">
  <div class="description mx-auto">A little description</div>
</main>
</body>

否则

.description {
  text-align:center;
}

 <main class="row">
      <div class="description">A little description</div>
    </main>

居中div元素

3 个答案: