Naive UI的间距 Space组件出现问题:n-space的子元素无法获取父元素的宽度

<n-space></n-space>中的子元素无法获取父元素的宽度

原因:n-space会自动给每个子元素一个包裹的div容器

​由于包裹的div容器是在浏览器解析过程中产生--->在文档中我们无法获取

​解决方法:

  1. 弃用n-space选择div
  2. 使用wrap-item API (是否存在包裹子元素的容器,false 值只会对支持 flex gap 的浏览器生效,2.30.5版本以上)
相关推荐
且随疾风前行.14 小时前
Paint Cavans高级绘制:[一]Paint画笔高级应用
android·ui
唯鹿14 小时前
AI生成UI代码实践(二)—— Figba 更新月记
ui·ai·figma·1024程序员节·蓝湖
fqbqrr15 小时前
2610C++,UI复合技术在窗口中绘画字体图标
c++·ui
燕落南枝19 小时前
CSS 表单选择器与伪元素选择器详解
前端·css
狮子座的男孩1 天前
html+css基础:25、3D变换(3D空间与景深/透视点的位置/位移/旋转/缩放/多重变换/背部可见性)
css·经验分享·html·旋转·透视点·缩放/位移·3d变换/空间与景深
xy34532 天前
Axure 9.0 列表框 介绍
ui·axure·原型·产品设计
xy34532 天前
Axure 9.0 内联框架加载方式
前端·ui·html·axure·原型·产品设计
特立独行的猫a2 天前
仓颉语言cj-tauri 跨端开发框架实战:给鸿蒙侧加一个「读设备电量」的原生能力
ui·harmonyos·tauri·1024程序员节·仓颉·鸿蒙pc
思码梁田2 天前
CSS 浏览器厂商前缀:从「写 5 遍」到现代自动化兼容
前端·css·css3·border-radius·1024程序员节·box-shadow·厂商前缀
zzu123zsw2 天前
当 GPU 加速渲染遇上无头组件:拆解 Yororen UI 在 GPUI 生态下的状态解耦与 XML 模板实践
xml·ui·rust·gui·gpui