mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 21:19:37 +08:00
Code Issues Actions 50 Packages Projects Releases Wiki Activity

Add compatible css centered demo code, close #3849

Browse Source
This commit is contained in:
afc163 2016-11-15 15:02:30 +08:00
parent 1750fc754c
commit f9319e244b
2 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/modal/demo/manual.md
View File

@ -1,5 +1,6 @@
---
order: 7
debug: true
title:
zh-CN: 手动移除
en-US: Manual to destroy

23
components/modal/demo/position.md
View File

@ -68,6 +68,28 @@ ReactDOM.render(<App />, mountNode);
````css
/* use css to set position of modal */
.vertical-center-modal {
text-align: center;
white-space: nowrap;
}
.vertical-center-modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
}
.vertical-center-modal .ant-modal {
display: inline-block;
vertical-align: middle;
top: 0;
text-align: left;
}
/*
// Use flex which not working in IE
.vertical-center-modal {
display: flex;
align-items: center;
@ -77,4 +99,5 @@ ReactDOM.render(<App />, mountNode);
.vertical-center-modal .ant-modal {
top: 0;
}
*/
````