在css中起跳省略號

Question

我正在開發一個時間表應用程序，我正在查看Activity_Date，只顯示開始，因爲它是通過日期和時間傳遞的。但是，當我使用這段代碼被用來削減時間，但顯示省略號，任何幫助擺脫省略號，將不勝感激，謝謝。

CSS：

.mydate{ 
    white-space: nowrap; 
    width: 6em; 
    overflow: hidden; 
} 

HTML：

<ion-content> 
     <ion-refresher on-refresh="doRefresh()"></ion-refresher> 
     <div class="day"> 

      <div class="item item-divider item-divider-calm item-icon icon-left"> 
       <i class="icon ion-ios-alarm-outline"> Monday</i> 
      </div> 
      <ion-list> 
       <ion-item ng-show="item.Location" ng-repeat="item in test | filter: {Day: 'Mon'}" class="item item-list "> 
        <table style="width:300px; table-layout:fixed;"> 
         <tr> 
          <td> 
           Course 
          </td> 
          <td style="white-space: pre-line;">{{item.Register_Description}}</td> 
         </tr> 
         <tr> 
          <td> 
           Tutor 
          </td> 
          <td style="white-space: pre-line;">{{item.Staff_Name}}</td> 
         </tr> 
         <tr> 
          <td> 
           Campus 
          </td> 
          <td style="white-space: pre-line;">{{item.Campus}}</td> 
         </tr> 
         <tr> 
          <td> 
           Location 
          </td> 
          <td style="white-space: pre-line;">{{item.Location}}</td> 
         </tr> 

         <tr> 
          <td> 
           Date 
          </td> 
          <td><p class="mydate">{{item.Activity_Date.date}}</p></td> 
         </tr> 
         <tr> 
          <td> 
           Start Time 
          </td> 
          <td style="white-space: pre-line;">{{item.Activity_Start_Time}}</td> 
         </tr> 
         <tr> 
          <td> 
           End Time 
          </td> 
          <td style="white-space: pre-line;">{{item.Activity_End_Time}}</td> 
         </tr> 
         <tr> 
          <td> 
           Timetabled Hours 
          </td> 
          <td style="white-space: pre-line;">{{item.Timetabled_Hours}}</td> 
         </tr> 
         <tr> 
          <td> 
           Register 
          </td> 
          <td style="white-space: pre-line;">{{item.Register}}</td> 
         </tr> 

        </table> 

       </ion-item> 
      </ion-list> 
     </div> 

JSON：

[{ 
"StudentID": "", 
"Course": "", 
"Module": "", 
"Activity_Start_Time": "", 
"Activity_End_Time": "", 
"Activity_Date": { 
    "date": "2016-04-14 00:00:00.000000", 
    "timezone_type": 3, 
    "timezone": "UTC" 
}, 
"Activity_Type": "", 
"Day": "", 
"Campus": "", 
"Location": "", 
"Staff_Name": "", 
"Register_Description": "", 
"Timetabled_Hours": 2 
}] 

如何日期穿過： 2015年9月16日00：00：00.000

Cu rrent輸出： 2015年9月16日...

所需的輸出： 2015年9月16日或16-09-2015

Answer 1

如果你不希望省略號然後只是刪除text-overflow財產

.mydate{ 
    white-space: nowrap; 
    width: 6em; 
    overflow: hidden; 
} 

在你CSS text-overflow通過除去它的省略號效果產生省略號效果將刪除和文本將顯示，直到限定的寬度