Question

我目前有此代码，

doctype html
html
    head
        title= title

        style.
            body {
                font-family: Verdana;
                font-size: 13px;
                background: #42f495
            }
    body
    h1 Welcome!
    h2 Please Wait

p= sq

我想使段落居中对齐，但不想使用Pug来做。

Answer 1

首先，您需要缩进所有标签，使其比body标签更远，以使所有标签正常工作。

要为段落分配样式，请执行以下操作：

p(style="text-align:center;")

以下是将css类分配给段落的两种不同方法（它们将产生完全相同的结果）：

style.
  .cssClassExample { text-align:center; }

p.cssClassExample

p(class="cssClassExample")

如果要基于pug变量分配类，请执行以下操作：

- var cssClassVariable = "myClass"

p(class= cssClassVariable)

如何将段落对齐方式添加到Pug模板？

1 个答案: