flex grid不适用于p-col-#primeng Angular 5
发布时间:2020-12-15 01:46:41 所属栏目:百科 来源:网络整理
导读:我使用primeNG角度 https://www.primefaces.org/primeng/#/flexgrid 当我尝试这个 div class="p-grid"div class="p-col-6"div class="box"6 /div/divdiv class="p-col-6"div class="box"6 /div/div/div 盒子在彼此的顶部,而不是彼此相邻 我跑 npm install pr
我使用primeNG角度
https://www.primefaces.org/primeng/#/flexgrid 当我尝试这个 <div class="p-grid"> <div class="p-col-6"> <div class="box">6 </div> </div> <div class="p-col-6"> <div class="box">6 </div> </div> </div> 盒子在彼此的顶部,而不是彼此相邻 npm install primeflex --save 并补充说 "node_modules/primeflex/primeflex.css" 到angular.json 似乎是与primeflex.css有关的一些事情 p-col类工作正常,但是p-col-#(p-col-1,p-col-2等)不能正常工作 这是p-col的值 -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; padding: 0.5em; 这是p-col-的值# -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0.5em; 如果为exmample我将p-col-#的填充更改为0然后它正在工作,但我没有填充.. 有任何想法吗 ? 谢谢 解决方法
它在我的Angular6项目中有效.
>安装PrimeNG和PrimeFlex npm install primeng --save npm install primeflex --save >为angular.json添加样式 "./node_modules/primeng/resources/primeng.css","./node_modules/primeflex/primeflex.css" app.component.html <div class="p-grid"> <div class="p-col">1</div> <div class="p-col">2</div> <div class="p-col">3</div> </div> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |