将内容对齐到视口左侧

Question

我刚刚通过简单的“ Hello World”开始使用Nuxt.js和Vuetify.js。我希望文本保持与视口对齐，但会偏移。将窗口的宽度减小到959px可使文本按计划运行，因此我认为工作中有一个断点。但是我找不到该断点的代码。如何使“ Hello World”直接向左走

index.vue

<template>
 <div>
   <h1>Hello World</h1>
 </div>
</template>



<script>
export default {
    head () {
    return {
      title: 'Hello World',
      meta: [
        // hid is used as unique identifier. Do not use `vmid` for it as it will not work
        { hid: 'description', name: 'description', content: 'My custom description' },
        { hid: 'keywords', name: 'keywords', content: 'My custom description' },
      ]
    }
  }
}
</script>

结果

Answer 1

在对该问题的评论提供帮助的情况下，事实证明Nuxt具有default.vue，所有其他组件都安装在该组件的标记处。该标签被包装在一个容器中，例如：

<v-content>
  <v-container>
    <nuxt/>
  </v-container>
</v-content>

移除容器会移除填充物

<v-content>
    <nuxt/>
</v-content>