vue项目body中自带margin: 8px 如何取消

最新推荐文章于 2024-10-18 00:11:37 发布
最新推荐文章于 2024-10-18 00:11:37 发布
阅读量3.3k 收藏 8
点赞数 8
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rng2uzi/article/details/121615881
版权

话不多说先上图
在这里插入图片描述

莫名其妙的我当前的代码设置了* {
margin: 0;
padding: 0;
list-style: none;
}
但是可以看到body中依旧有这个问题，等于说设置了没有用
在这里插入图片描述
没办法我去public/index中直接全局设置了，发现body的默认消失了
在这里插入图片描述
在这里插入图片描述
完美解决。在这里插入图片描述

界大宝
关注
Vue.js 支付页面实例：超实用、新手友好，全功能代码教程」 「从零开始，用 Vue.js 打造一个简洁的支付页面｜初学者必看」 「一步步带你用 Vue.js 实现支付页面——倒计时和二维码支付功能
南北极之间
10-17 456
Vue.js 支付页面实例：超实用、新手友好，全功能代码教程」 「从零开始，用 Vue.js 打造一个简洁的支付页面｜初学者必看」 「一步步带你用 Vue.js 实现支付页面——倒计时和二维码支付功能」 「超详细 Vue.js 支付页面教程：为你的项目添加实用交互功能」 「新手必备！用 Vue.js 和 HTML/CSS 构建互动支付页面」 「Vue.js 支付页面项目：实时倒计时和优惠计算全解析」 「Vue.js 小白教程：轻松实现带倒计时的支付页面，全程手把手教学」 「完整代码＋图解｜用 Vue.js
vue3中body有默认属性margin:8px去掉
SiYuHuang_SCDN的博客
04-09 671
最近刚开始上手vue3,发现body中有个margin:8px；在app等页面去不掉。在index.html中添加样式代码，可以去掉项目自带的margin。现发现在index.html中可以去掉。
vue3中body有默认属性margin:8px如何去掉?
light的博客~~~
06-20 4889
解决问题
vue解决“用户代理样式表“边距问题
cfjbcg的博客
09-08 417
那边的用户代理是margin：8px，那么样式就写成-8p就可以解决问题。将要写的东西放在div里，然后定义一个class方便等会css写样式。这个无法去除，但是又觉得页面有间隙不好看，那怎么去除间隙？当我们制作页面的时候，会发现页面会多出边距。打开控制台发现，是使用了“用户代理样式表”这样子就可以解决问题啦。
vue 默认margin:8px
AinUser的博客
05-21 5312
# 问题情景 之前新拉取的vue项目，今天在更换背景图片的时候，发现，图片与顶部有缝隙，查看后 发现，body属性中有margin:8px的属性，但是我程序代码中，外层并没有相关设置， 且该body是在我页面程序代码的外层 # 问题解决 随后，想起可能vue脚手架，默认设置的 # 解决实现 1. 找到vue脚手架中index.html页面 2. 在下面添加如下代码 <!-- 解决vue脚手架默认margin:8px问题 --> <style> body { marg.
Vue3 body默认属性margin：8px如何去掉
m0_59006402的博客
05-11 1346
src目录下 找到 index.html 在style 里面加上。在写vue3项目的时候，写完页面 有一圈margin。F12 发现 body 有一个 margin：8px。
去除vue自带的边距
qq_66061193的博客
03-29 2094
新建一个vue项目的时候，都会自带一个外边距，如何消除外边距呢？首先找到public下的index.html。插入以下代码，就可以消除边距啦~
【Vue】vue3创建组件时，自带margin：8px。
jiede8624的博客
12-29 1025
浏览器为了优化用户的体验，确保组件之间的间距看起来更加整洁和一致，所以自带了“margin：8px”这个属性。在项目最外层目录的的index.html中，在<head>标签中加入以下代码即可。这里index.html中的属性会优先与浏览器的默认属性，所以就解决了。
vue中设置height:100%无效的问题及解决方法
10-18
这通常发生在Vue项目中设置最外层挂载点（如App.vue中的根元素）时。在这篇文章中，我们将详细介绍这一问题的成因，并提供有效的解决方法。 ### Vue中设置height:100%无效的问题分析 在默认情况下，HTML和body元素...
vue项目中大屏设置1920:1080分辨率的自适应界面样式；在小屏幕中可按16:9的比例进行缩小
06-09
针对你的问题，可以考虑使用CSS3中的媒体查询（Media Query）和Viewport单位来实现自适应界面。具体实现步骤如下： ...综上所述，使用Viewport单位和媒体查询可以很好地实现Vue项目中的自适应界面。
vue项目在body设置公共的背景前提下，区分首页背景图和其他页面背景图
qq_33911541的博客
08-04 1062
vue项目在body设置公共的背景前提下，区分首页背景图和其他页面背景图
一步步创建购物详情页，适合前端新手的完整代码教程|从零开始搭建购物详情页：用 Vue.js 实现商品展示、规格选择、添加购物车功能【新手友好】HTML+CSS+Vue.js 购物详情页实战：从页面结构
最新发布
南北极之间
10-18 382
一步步创建购物详情页，适合前端新手的完整代码教程|从零开始搭建购物详情页：用 Vue.js 实现商品展示、规格选择、添加购物车功能【新手友好】HTML+CSS+Vue.js 购物详情页实战：从页面结构
body有8px的神秘边距
weixin_43923808的博客
07-06 544
首先，你需要知道为什么会有的神秘边距： 很多元素默认有一个的 ，而且在不同浏览器上表现效果不同在项目中，通常都是使用重置所有的样式表，可以保证在所有浏览器下，项目展示的样式是一致的： （1）在项目中应用：在的中插入文件， （2）或者在demo这样写：...
vue-去除页面自带的margin空白
weixin_46479909的博客
12-05 789
在项目列表中找到index.html文件（vue2项目的在public文件夹中），添加如下代码。
vue的边距怎么设置_Vue项目，最近在做一个网站项目，遇到一个body页面布局四周留白的问题，以下是解决方法：...
weixin_39664995的博客
12-18 2207
最近在做一个网站项目，遇到一个body页面布局四周留白的问题，以下是解决方法：1、需求负责人在查看效果时，发现body页面布局的四周留有空白，认为影响美观，让其去掉四周留白。2、项目环境项目中使用的是 vue + vue cli + element ui 搭建3、解决过程3.1 这是页面渲染出来的效果，四周有明显的留白，并且图片两侧的留白有两层；image.png3.2 打开F12控制台后，发现...
【vue】vue构建主页面时，发现有8px的自带margin
weixin_40264447的博客
11-16 324
vue构建主页面时，发现有8px的自带margin，想要去掉这个margin，可以在对外层重写div
[css] body的默认margin值
weixin_36210698的博客
03-22 4970
body的默认margin值 一般浏览器中都对body标签进行默认的margin设置为8px，当然，不同的浏览器会设置成不同的值，它是由浏览器的user-agent-stylesheet提供了，chrome提供的如下： body { display: block; margin: 8px; } 有些浏览器的user-agent-stylesheet可以由用户进行修改，而有的浏览器...
vue页面四周有8px边距 取消body { display: block； margin: 8px；}
tenc1239的博客
07-14 208
在vue项目的 index.html文件中添加代码。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值