如何使用LESS向div添加样式

Question

我有div，我试图将页面的中心对齐，但是我的样式不适用于div。 centeralign样式类位于.less文件中。如何在较少的文件中编写类，以及如何在html中使用该类？

.centeralign {
  margin-top: 10%;
}

<div class="col centeralign">
  <p>align this div center</p>
  <div>

Answer 1

您的div类名称与样式中的名称不匹配。您将div类命名为“ col centeralign”，而在样式中将其命名为“ centrealign”。命名与

相同

<div class="centeralign">

对齐该div中心

样式名称

.centeralign {
  margin-top: 10%;

}