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版本以上)
相关推荐
記億揺晃着的那天6 小时前
Vue + Element UI 表格自适应高度如何做?
javascript·vue.js·ui
Never_Satisfied12 小时前
在JavaScript / HTML中,line-height是一个CSS属性
javascript·css·html
Larry_Yanan13 小时前
QML学习笔记(三十一)QML的Flow定位器
java·前端·javascript·笔记·qt·学习·ui
Larry_Yanan13 小时前
QML学习笔记(三十)QML的布局器(Layouts)
c++·笔记·qt·学习·ui
前端Hardy15 小时前
HTML&CSS&JS:纯前端图片打码神器:自定义强度 + 区域缩放,无需安装
前端·javascript·css
这可不简单15 小时前
前端性能优化:从浏览器渲染原理到实战(告别 “知其然不知其所以然”)
前端·css·面试
小小前端_我自坚强17 小时前
Tailwind CSS 详解
css·程序员·开源
汤姆Tom17 小时前
CSS 新特性与未来趋势
前端·css·面试
PFinal社区_南丞17 小时前
现代CSS开发环境搭建
css
PFinal社区_南丞17 小时前
容器查询 - 组件级响应式设计
css