小程序学习日记Day2 json报错Expecting 'STRING', got } block/inline/block-inline区别 弹性盒子布局 navigator组件

本文解析了JSON与CSS的常见错误及元素属性的区别,包括JSON属性间分隔符的正确使用,以及CSS中block、inline与block-inline元素的概念与应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. json报错Expecting ‘STRING’, got }
    json的属性之间靠逗号comma分隔,且最后一个属性后不应该加逗号,否则编译器会认为逗号后还有一个字符串但却找不到所以会有Expecting ‘STRING’, got }。
    这点和css不同,css中用分号;分割,且最后一个选择器后也可以加分号。

  2. block/inline/block-inline区别
    总体概念
    根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,称为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。
    行内元素指的是书写完成后不会自动换行,并且元素没有宽和高。
    块级元素写完后会自动换行,有宽高可以修改。
    还有一种特殊的元素叫做行内块元素。
    参考博客:
    https://blog.youkuaiyun.com/kalama/article/details/79057686

  3. navigator组件的hover-class属性要定义在class后面,这样有相同样式冲突时可以显示出后定义的属性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值