diff --git a/public/react/src/modules/ec/ecTitle/ecTitle.css b/public/react/src/modules/ec/ecTitle/ecTitle.css
index 402465be..332e6142 100644
--- a/public/react/src/modules/ec/ecTitle/ecTitle.css
+++ b/public/react/src/modules/ec/ecTitle/ecTitle.css
@@ -1,3 +1,14 @@
+#traningNav {
+    display: flex 
+}
+ #traningNav>li {
+    float: none !important;
+}
+ /* 最后一个item 占满剩余空间 */
+#traningNav>li:last-child{
+    flex: 1;
+}
+
 #traningNav>li>.ecTitle {
     width: 24px;
     height: 24px;
diff --git a/public/react/src/modules/ec/ecTitle/ecTitle.js b/public/react/src/modules/ec/ecTitle/ecTitle.js
index e16a8080..0c6d4e7d 100644
--- a/public/react/src/modules/ec/ecTitle/ecTitle.js
+++ b/public/react/src/modules/ec/ecTitle/ecTitle.js
@@ -32,7 +32,7 @@ class EcTitleCourseEvaluations extends Component {
 
                 </div>
 
-                <ul className="clearfix mb0 traningNavs " id="traningNav" style={{display:ecpaths==='none'?"none":"block"}}>
+                <ul className="clearfix mb0 traningNavs " id="traningNav" style={{display:ecpaths==='none'?"none":"flex"}}>
                     <li className={"ecimgs"}>
                         <a className={"ecTitle ecTitles"} >1</a>
                         <a className={"ecTitlefont"} href={schooldata.major_training}>培养目标</a>