[ElemeFE/element]el-table 在flex的子容器里不会自适应

2024-08-13 298 views
9
ElementUI version

1.2.3

OS/Browers version

macOS/Chrome 56

Vue version

2.2.1

Reproduction Link

http://jsfiddle.net/egxa68x1/2/

Steps to reproduce

打开上面的测试地址, 然后拉动中间的分隔条, 左拉时table的宽度会边大, 但是右拉时不会变小

What is Expected? What is actually happening?

回答

3

flex:1 1 0;而不是flex:auto;

3

呃, 好像还是不行...

7

table外的div加overflow:hidden;就好了

5

这个问题有解决吗?@lincenying

1

@adntin 看上面 shanlh 的回答...

8

应该在元素 flex: 1 内再加一个样式 overflow: hidden 就可以解决 @lincenying 谢谢

6

@lincenying 请问这是框架自身的原因,还是flex布局的原因?

8

使用overflow:hidden;有点危险,使用min-width:0; 也可以解决这个问题。

5

为什么按照你们的操作都不行?