Question

我有两个关于响应式布局的问题。

在页面上创建标题，以便无论浏览器的大小如何，它都有恒定的左右边距。
在中心创建一个标题，以便1）它居中，并且2）无论浏览器的大小如何都保持居中。

目前使用预定义的pug模板执行此操作，并且标题元素在插入时将其向下推。

layout.pug在这里：

doctype html
html(lang='en')
    head
        include includes/head.pug
        //- block header

    body
        //- PRELOADER
        .page-loader
            .loader Loading...
        //- /PRELOADER


        //- problem: when the navbar is included: the title gets pushed down
        include includes/navbar.html

        block content
        //- block footer
        include includes/footer-js-files.pug

home.pug在这里：

extends layout.pug

block content

  .wrapper
    include includes/video.pug

最后navbar.pug：F

<h3>
  <p style="text-align: left; width:49%; display: inline-block; font-weight: bold">
    XIAO LING
  </p>
  <p style="text-align: right; width:50%;  display: inline-block;">CV</p>
</h3>

相对于pug文件中页面上其他元素的响应头

0 个答案: