nz-table在flex布局里，超出边界

[liwei511]

Reproduction link

https://stackblitz.com/edit/angular-yo2k28

Steps to reproduce

重现链接里直接可看到

What is expected?

nz-table符合flex预期，宽度不够出现滚动条。

What is actually happening?

没有滚动条，超出了边界，撑大了flex

Environment	Info
ng-zorro-antd	7.5.1
Browser	Chrome 72

[zorro-bot]

Translation of this issue:

Nz-table in the flex layout, beyond the boundary

Reproduction link

https://stackblitz.com/edit/angular-yo2k28

Steps to reproduce

Can be seen directly in the replay link

What is expected?

The nz-table conforms to the flex expectation, and the width is not enough for the scroll bar.

What is actually happening?

No scroll bar, beyond the border, stretched up flex

Environment	Info
ng-zorro-antd	7.5.1
Browser	Chrome 72

[vthinkxie]

碰到样式问题，麻烦先去搜css的标准写法，谢谢
https://stackblitz.com/edit/angular-yo2k28-fothhg?file=src/app/app.component.ts

[liwei511]

@vthinkxie https://stackblitz.com/edit/angular-yo2k28 麻烦看清楚

[vthinkxie]

@liwei511 不知道你想表达的具体意思，所有的web-compoonent的tag都是默认display:inline的，如果你想要100%宽度的话，至少父级需要100%宽度，在父级是一个inline元素下，你使用多少个display:flex也不可能获得你想要的效果

[liwei511]

@vthinkxie 是我错了，不是width的问题，谢谢

[liwei511]

@vthinkxie 不好意思，打扰了，stackblitz已更新

[vthinkxie]

@liwei511
任何手动设定 css 不生效的情况，和组件库都不会有任何关系
https://stackblitz.com/edit/angular-yo2k28-y3zsal?file=src/app/app.component.ts

[liwei511]

谢谢，我该好好学习css了，多谢