html - 如何使用 LESS 为 div 添加样式

Question

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

.centeralign {
  margin-top: 10%;
}

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

标签： htmlcssless

Answer 1

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

<div class="centeralign">

对齐这个 div 中心

款式名称

.centeralign {
  margin-top: 10%;

}