Element: [Feature, Request], flex, layout, wrap, capability
Existing Component
否
Component Name
el-row
Description
flex layout does not support wrap attribute, hopefully wrap can be added in the future
kaijajan
All 3 comments
Translation of this issue:
Existing Component
no
Component Name
El-row
Description
Flex layout, does, not, support, wrap, attribute, hopefully, wrap, can, be, added,, in, the, future
element-bot
on 19 May 2017
👎1
Please elaborate what wrap attribute is.
Leopoldthecoder
on 28 May 2017
I think they may have meant adding a wrap attribute for flex-wrap (https://www.w3schools.com/cssref/css3_pr_flex-wrap.asp).
What I do now is this:
<el-row type="flex" :gutter="24" style="flex-wrap: wrap;">
<el-col :sm="24" :md="12">content</el-col>
<el-col :sm="24" :md="12">content</el-col>
<el-col :sm="24" :md="12">content</el-col>
<el-col :sm="24" :md="12">content</el-col>
<el-row>
What would be nice is this:
<el-row type="flex" :gutter="24" wrap>
<el-col :sm="24" :md="12">content</el-col>
<el-col :sm="24" :md="12">content</el-col>
<el-col :sm="24" :md="12">content</el-col>
<el-col :sm="24" :md="12">content</el-col>
<el-row>
|Attribute|Description|Type|Accepted Values|Default|
|---|---|---|---|---|
|wrap|flex-wrap property|boolean or string|true, false, reverse, initial, inherit|false|
bskimball
on 29 Oct 2017
👍2
Was this page helpful?
0 / 5 - 0 ratings
Related issues
yorululu
·
3Comments
gengxuelei
·
3Comments
dbskccc
·
3Comments
fscardua
·
3Comments
mochenxm
·
3Comments
Most helpful comment
I think they may have meant adding a wrap attribute for flex-wrap (https://www.w3schools.com/cssref/css3_pr_flex-wrap.asp).
What I do now is this:
What would be nice is this:
|Attribute|Description|Type|Accepted Values|Default|
|---|---|---|---|---|
|wrap|flex-wrap property|boolean or string|true, false, reverse, initial, inherit|false|