回答

置顶自定义组件的默认display到底是什么？精选热门

2020-12-088171浏览问题模块： API和组件

我项目里包含了多个自定义组件，但是我发现一些组件的display默认是inline，一些默认是block，完全没发现有什么规律，这个到底在哪里控制的？

我翻遍了文档都没找到相关的说明，组件里只能定义内部元素的display，组件本身的display只能靠使用组件的页面控制。

我有一个card组件，我之前总是认为自定义组件的display默认是block，结果今天出现了很奇怪的margin无效，开始一直以为是margin塌陷和BFC的问题，搞了半天才发现这个组件被默认设置为行内元素了，我只能在小程序的app.wxss里全局设置card的display为block，虽然也管用，但是这个问题很迷。

目前问题是解决了，但还是很好奇微信自定义组件的默认display是哪里控制的？

最后一次编辑于 2020-12-08

2 个回答

社区技术运营专员-Jahozheng
2020-12-08
加粗
标红
插入代码
插入链接
插入图片
上传视频
请登录后发表内容
关闭
新增或编辑超链接
链接地址
确认取消
关闭
插入视频
视频链接
确认取消
发表
自定义组件用户根据自己需要设置就行了，请参考 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
待楼主反馈
2020-12-08
有用
回复 2
- 无言以对
  2020-12-08
  加粗
  标红
  插入代码
  插入链接
  插入图片
  上传视频
  请登录后发表内容
  关闭
  新增或编辑超链接
  链接地址
  确认取消
  关闭
  插入视频
  视频链接
  确认取消
  发表
  非常感谢解答，使用虚拟化节点问题更多，很多时候我还是需要在页面来控制组件的margin的，所以我还是在app.wxss覆盖吧。只是好奇组件默认的display为什么会不一致的问题，我查看了我自己写的自定义组件，第三方的自定义组件，然后默认不设置display的情况下，computed里显示的display，有的是inline，有的是block，甚至还有flex的……而且我没有找到规律，或许是开发工具内部的一套继承机制？
  你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
  待楼主反馈
  2020-12-08
  赞
  回复
  关闭
  请选择投诉理由
  广告内容
  违法违规
  恶意灌水内容
  其他
- 社区技术运营专员-Jahozheng
  2020-12-08回复无言以对
  加粗
  标红
  插入代码
  插入链接
  插入图片
  上传视频
  请登录后发表内容
  关闭
  新增或编辑超链接
  链接地址
  确认取消
  关闭
  插入视频
  视频链接
  确认取消
  发表
  应该是继承了
  你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
  待楼主反馈
  2020-12-08
  赞
  回复
  关闭
  请选择投诉理由
  广告内容
  违法违规
  恶意灌水内容
  其他
关闭
请选择投诉理由
广告内容
违法违规
恶意灌水内容
其他
哄哄
01-22
加粗
标红
插入代码
插入链接
插入图片
上传视频
请登录后发表内容
关闭
新增或编辑超链接
链接地址
确认取消
关闭
插入视频
视频链接
确认取消
发表
确实我也发现了我说怎么设置margin左右没效果，能否把自己写的自定义组件都改成block就好了
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
待楼主反馈
01-22
有用
回复
关闭
请选择投诉理由
广告内容
违法违规
恶意灌水内容
其他