diff --git a/src/pages/index/components/module/RecommendPostsList/index.vue b/src/pages/index/components/module/RecommendPostsList/index.vue
index e2c8605..8f55d84 100644
--- a/src/pages/index/components/module/RecommendPostsList/index.vue
+++ b/src/pages/index/components/module/RecommendPostsList/index.vue
@@ -2,7 +2,7 @@
   <view class="container">
     <ModuleTitle :title="recommendTheme.themeName" />
 
-    <view class="container-scroll font-size-0">
+    <view class="container-scroll font-size-0 scroll-x whitescape-nowrap">
       <view
         class="card-item bg-white inline-block rounded-20 mr-8"
         v-for="(item, index) in recommendTheme.recommendPostsList"
diff --git a/src/pages/index/components/module/RecommendPostsList/styles/index.scss b/src/pages/index/components/module/RecommendPostsList/styles/index.scss
index 23c230b..3f28785 100644
--- a/src/pages/index/components/module/RecommendPostsList/styles/index.scss
+++ b/src/pages/index/components/module/RecommendPostsList/styles/index.scss
@@ -1,7 +1,4 @@
 .container-scroll {
-  display: flex;
-  flex-direction: row;
-  overflow-x: auto;
   margin: 4px 0 6px;
 }
 
diff --git a/src/static/scss/index.scss b/src/static/scss/index.scss
index a8526f7..12ed637 100644
--- a/src/static/scss/index.scss
+++ b/src/static/scss/index.scss
@@ -18,3 +18,4 @@
 @import "./overflow.scss";
 @import "./width.scss";
 @import "./z-index.scss";
+@import "./white-scape.scss";
diff --git a/src/static/scss/white-scape.scss b/src/static/scss/white-scape.scss
new file mode 100644
index 0000000..0d15c86
--- /dev/null
+++ b/src/static/scss/white-scape.scss
@@ -0,0 +1,3 @@
+.whitescape-nowrap {
+  white-space: nowrap;
+}