javascript - 在 Nuxt.js 中从正文中删除填充

标签 javascript html css nuxt.js

我想用 Nuxt.js 创建一个网站。我听说它很酷而且易于使用。我对 vue.js 有一点了解,但仍然找不到这个问题的解决方案:

如何去除主体的填充物?

我知道默认的边距/填充是 8px。

我尝试了以下操作:

  1. 在根目录创建 app.html/idex.html 并设置样式。

  2. 在pages/index.vue中添加了样式

  3. 使用带有 !important 标记的边距/填充。

但是仍然找不到解决方案

最佳答案

您可以在布局或页面中使用 head() 函数。

<script>
export default {
  head () {
    return {
      bodyAttrs: {
        class: 'reset-body'
      }
    }
  }
}
</script>

<style>
.reset-body {
  margin: 0
}
</style>

Stackblitz:https://stackblitz.com/edit/nuxt-starter-pl9ywp?file=pages%2Findex.vue

或者,如果您想通过 app.html 文件真正对其进行全局设置,它也应该可以工作(添加到 Stackblitz)

关于javascript - 在 Nuxt.js 中从正文中删除填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69191718/

相关文章:

javascript - 使对象的属性在函数内部可用

javascript - 将提示添加到 Twitter Bootstrap 的下拉菜单

javascript - jquery 值不更新

javascript - 如何允许在javascript中的html文本区域中显示单引号、双引号、换行符等字符

php - 快速 Web 应用程序开发的最佳实践是什么?

css - 带有侧边栏和响应式图像和文本的两列布局

html - 当窗口较小时移除两个 div 之间的垂直间隙

javascript - 如何检查 HTML 元素是否隐藏?

javascript - getElementsByClassName 问题

html - 文本溢出 div - 溢出 : auto not working