fixed

css/custom.css

@@ -71,7 +71,7 @@ a:hover{color: #1575db; text-decoration: none;}
 .header .logo{ display: block; height: 80px; padding-top: 10px; text-align: left;}
 .header .logo img{ height: 60px;}
 .header .headerLink{ text-align: right;}
-.header .headerLink .button{background-color: #fff; color: #1887fd; border-color: #fff;}
+.header .headerLink .button{background-color: #fff; color: #1887fd; border-color: #fff; vertical-align: middle;}
 .header .headerLink .button:hover, .header .headerLink .button.signin:hover{background-color: #1575db; border-color: #1575db; color: #fff;}
 .header .headerLink .button.signin{ margin-left: 10px; background-color:transparent; color: #fff;}
 
@@ -84,9 +84,10 @@ a:hover{color: #1575db; text-decoration: none;}
 
 .innerPage .header .headerLink .innerButton{ padding: 5px 15px; font-size: 16px; letter-spacing: 0; line-height: 30px; display: inline-block; margin-left: 10px;}
 
-.innerPage .header .headerLink .userName{padding: 5px 35px 5px 15px; font-size: 16px; line-height: 30px; color: #fff; display: inline-block; border: 2px solid #1575db; background-color: #1575db; margin-left: 10px; border-radius: 30px 0 0 30px;}
-.innerPage .header .headerLink .userName + .innerButton{ margin-left: -30px; }
-.innerPage .header .headerLink .userName+.innerButton:hover{ border-left-color: #4295eb}
+
+.header .headerLink .userName{padding: 5px 35px 5px 15px; font-size: 16px; line-height: 30px; color: #fff; display: inline-block; border: 2px solid #1575db; background-color: #1575db; margin-left: 10px; border-radius: 30px 0 0 30px;max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
+.header .headerLink .userName + .innerButton{ margin-left: -30px; }
+.header .headerLink .userName+.innerButton:hover{ border-left-color: #4295eb}
 
 .form-stack{ position: relative; display: inline-block; float: left;}
 .card-radio {position:relative; display: inline-block; border: 2px solid #fff; width: 150px; text-align: center; color: #c7e2fe; line-height: 30px; box-sizing: border-box; float: left; cursor: pointer; margin-bottom: 0; margin-left: -2px; border-radius: 30px; font-size: 16px; padding:5px  15px; font-weight: normal; background-color: #1887fd; }
@@ -363,6 +364,9 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
   .card-radio{width: 100px; padding: 5px;  font-size: 14px;}
 
   .leftmenu ~ .content-box  .data-group.data-type li{width: 100%;}
+
+  .header .headerLink .userName{padding-right: 15px; margin-left: 5px;}
+  .header .headerLink .userName + .innerButton{ margin-left: -18px;}
 }
 @media (max-width: 767px) {
   .aside-menu, .hot-words{ display: none;}
@@ -374,7 +378,8 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
   .header .headerLink .mobileIcon{ font-size: 24px;  width:40px; height:40px; text-align:center; color: #fff; border: 0; position: relative; background: none; padding: 0; border-radius: 0;}
   .header .headerLink .mobileIcon:hover{background: none;}
 
-  .innerPage .header .headerLink .innerButton, .innerPage .header .headerLink .userName{ display: none;} 
+  .innerPage .header .headerLink .innerButton{ display: none;} 
+  .header .headerLink .userName{ display: none;}
 
   .form-stack{width: 120px; position: absolute;right: 70px; top: 8px;}
   .form-stack .card-radio{width: 50%;}

layout/header.php

@@ -58,8 +58,11 @@
         <a href="index.php" class="logo"><img src="image/logo.png" alt="研易宝"/></a>
         <div class="headerLink">
           <a class="button login xs-hidden"  href="#modalLogin" data-toggle="modal">登录</a>
-          <a href="register.php" class="button signin xs-hidden"">注册</a>
+          <!-- <a href="register.php" class="button signin xs-hidden"">注册</a> -->
           <!-- <a href="javascript:void(0);" class="button login xs-hidden"">退出登录</a> -->
+
+          <span class="userName xs-hidden" title="刘XX刘XX刘XX刘XX刘XX">刘XX刘XX刘XX刘XX刘XX</span>
+          <a href="javascript:void(0);" class="button innerButton xs-hidden"">注销</a>
           <a href="javascript:void(0);" class="button mobileIcon xs-block" id="mobileIcon"><span></span></a>
           <!--手机版-->
           <nav class="mobilemenu" id="mobilemenu">

layout/innerHeader.php

@@ -73,7 +73,7 @@
           <a href="javascript:void(0);" class="button innerButton xs-hidden">实验室管理系统</a>
           <a href="javascript:void(0);" class="button innerButton xs-hidden"">试剂商城</a>
 
-          <span class="userName xs-hidden"">刘XX</span>
+          <span class="userName xs-hidden" title="刘XX">刘XX</span>
           <a href="javascript:void(0);" class="button innerButton xs-hidden"">注销</a>
 
           <a href="javascript:void(0);" class="button mobileIcon xs-block" id="mobileIcon"><span></span></a>