diff --git a/components/popconfirm/demo/placement.md b/components/popconfirm/demo/placement.md
index e95b2f7fac6b02c205cd0bc123066ace70975b6b..d7ae5c770ca8039327cd756cc5ee6196cd5f1905 100644
--- a/components/popconfirm/demo/placement.md
+++ b/components/popconfirm/demo/placement.md
@@ -7,7 +7,7 @@
---
````jsx
-import { Popconfirm, message } from 'antd';
+import { Popconfirm, message, Button } from 'antd';
const text = '确定要删除这个任务吗?';
@@ -16,17 +16,44 @@ function confirm() {
}
ReactDOM.render(
+
+
+
- 左边
+
+
+
+
+
+
+
+
- 上边
+
+
+
+
+
+
+
+
- 下边
+
+
+
+
+
+
+
+
- 右边
+
+
+
+
, document.getElementById('components-popconfirm-demo-placement'));
````
@@ -35,4 +62,8 @@ ReactDOM.render(
.code-box-demo .ant-popover-wrap > a {
margin-right: 1em;
}
+.code-box-demo .ant-btn {
+ margin-right: 1em;
+ margin-bottom: 1em;
+}
diff --git a/components/popover/demo/placement.md b/components/popover/demo/placement.md
index a61b4d1b7e0a306a8b64e0d3e6313b15f6e486cc..5937b4f6dab691e8ff1255cef958fcb55e5ae727 100644
--- a/components/popover/demo/placement.md
+++ b/components/popover/demo/placement.md
@@ -17,43 +17,43 @@ const content =
ReactDOM.render(
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
, document.getElementById('components-popover-demo-placement'));
````