0

我正在使用 Jade 作为我的 express 应用程序的模板引擎。我正在为主页设置一个标题，并在布局文件的底部添加了一个块标记：

布局.jade

doctype 5
html
    head
        title= title
        link(rel='stylesheet', href='/stylesheets/style.css')

    body
        div#header
            ul#mainNav
                li: a(href='/') Home 
            ul#personNav
                li: a(href='/login') Login/ Register 
    block content

对于 index.jade 我有这个：

extends layout

block content
    div#mainBody
        p Hello

我试图弄清楚为什么我的 hello 段落标记与标题内联。这就是输出的样子。

https://lh5.googleusercontent.com/-wEBye5dTV0E/UhQ4pXDemZI/AAAAAAAH4c/5FlY3PPw7_A/w968-h544-no/Screenshot+from+2013-08-20+23%3A44%3A23.png

编辑：我认为这与将块视为标题的一部分的语言有很大关系。我不知道如何关闭它。

编辑2：对不起，似乎我忘记了样式。如您所见，它非常轻。

样式.css

body
{
  padding: 0px;
  margin: 0px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a
{
  color: #00b7ff;
}

#mainNav li
{
    list-style-type:none;
    display:inline;
    float: left;
}


#personNav li
{
    display: inline;
    list-style-type:none;
    float: right;
}

#mainBody
{
    margin: 70px;
}
4

0 回答 0