用户名过长时，超出部分隐藏

2019-01-11 11:46:06 +08:00
parent 22215b9b0b
commit 5df1748c79
1 changed files with 160 additions and 145 deletions
--- a/erp_web/pages/common/main.html
+++ b/erp_web/pages/common/main.html
@@ -5,6 +5,21 @@
    <title>ERP系统</title>
    <link href="/js/HoorayOS_mini/js/HoorayLibs/hooraylibs.css" rel="stylesheet"/>
    <link href="/js/HoorayOS_mini/img/ui/index.css" rel="stylesheet"/>
+    <style>
+        #user-name-span{
+            text-align:left;
+            color:white;
+            position:absolute;
+            top:435px;
+            left:0px;
+            display:inline-block;
+            max-width:100%;
+            float: left;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: normal;
+        }
+    </style>
 </head>
 <body>
 <div class="loading"></div>
@@ -43,7 +58,7 @@
                        <a id="loginOut" href="#">
                            <img src="/js/HoorayOS_mini/img/exit.png" style="height:50px;width:50px;">
                        </a>
-                        <span style="text-align:center;color:white; position:absolute;top:435px; left:15px;">
+                        <span id="user-name-span">
                        </span>
                    </div>
                </div>