在vscode中已经设置了style和css布局,保存代码后系统也没有提示报错为什么在网页刷新展示时没有效果?(自学编程错误集合)

   今天在学习css布局时,准备给页面设置居中属性;在vscode编辑器中给要设置居中的元素的stylet添加了文本居中属性: text-align: center;保存代码后刷新网页,发现网页没有任何变化。再去vscode编辑器中保存一下,也系统也没有提示有问题。

    我在网上也没有找到相同的问题解决办法,于是我就去其他同学的学习作业网页中查看网页源代码,找到了问题的所在。

2af951933c1748a49f0b48ff9f10737d.png

    从vscode编辑器的代码我们可以看到虽然也有设置文本居中属性: text-align: center;但是刷新展示时确实没有产生效果。不过在编辑器的代码中仔细一看可以发现设置文本居中属性的代码显示的是蓝色字体,跟前面显示的不一致。查找其他同学的网页源代码时,我找到了问题出在哪了。

   原来是我把文本居中属性: text-align: center;放到了style=" "外面了。虽然代码中是有设置了文本居中属性: text-align: center;编辑器也没有报错。但是代码写的位置不对所以导致网页识别不出来你想要的效果。

在vscode编辑器中把  text-align: center; 改到style=" "中后,问题就结局了。

改正后的代码,刷新网页,文本居中属性: text-align: center;就在网页中展示出来啦!335b4dbeb4b9404b88e6996d3bd53153.png

 

 

 

 

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汤果果

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值