diff --git a/packages/theme-default/src/date-picker/time-picker.css b/packages/theme-default/src/date-picker/time-picker.css
index e5e50be2c..3e2fa72a2 100644
--- a/packages/theme-default/src/date-picker/time-picker.css
+++ b/packages/theme-default/src/date-picker/time-picker.css
@@ -15,7 +15,6 @@
 
     @e content {
       font-size: 0;
-      display: flex;
       position: relative;
       overflow: hidden;
 
diff --git a/packages/theme-default/src/date-picker/time-range-picker.css b/packages/theme-default/src/date-picker/time-range-picker.css
index 863544e63..a0795a79b 100644
--- a/packages/theme-default/src/date-picker/time-range-picker.css
+++ b/packages/theme-default/src/date-picker/time-range-picker.css
@@ -9,14 +9,14 @@
       position: relative;
       text-align: center;
       padding: 10px;
-      display: flex;
     }
 
     @e cell {
       box-sizing: border-box;
       margin: 0;
       padding: 4px 7px 7px;
-      flex: 1;
+      width: 50%;
+      display: inline-block;
     }
 
     @e header {
@@ -26,7 +26,6 @@
     }
 
     @e body {
-      display: flex;
       border-radius:2px;
       border: 1px solid var(--datepicker-border-color);
     }
diff --git a/packages/theme-default/src/date-picker/time-spinner.css b/packages/theme-default/src/date-picker/time-spinner.css
index aaf7a5c80..d340bb30d 100644
--- a/packages/theme-default/src/date-picker/time-spinner.css
+++ b/packages/theme-default/src/date-picker/time-spinner.css
@@ -5,7 +5,8 @@
     @e wrapper {
       height: 190px;
       overflow: hidden;
-      flex: 1;
+      display: inline-block;
+      width: calc(100% / 3);
       vertical-align: top;
       position: relative;
       -ms-overflow-style: none;
diff --git a/packages/theme-default/src/spinner.css b/packages/theme-default/src/spinner.css
index 40ed622b3..c8985efe3 100644
--- a/packages/theme-default/src/spinner.css
+++ b/packages/theme-default/src/spinner.css
@@ -3,8 +3,8 @@
 
 @component-namespace el {
   @b time-spinner {
-    display: flex;
     width: 100%;
+    white-space: nowrap;
   }
 
   @b spinner {