在css中起跳省略号

我正在开发一个时间表应用程序，我正在查看Activity_Date，只显示开始，因为它是通过日期和时间传递的。但是，当我使用这段代码被用来削减时间，但显示省略号，任何帮助摆脱省略号，将不胜感激，谢谢。在css中起跳省略号

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

来源

2016-04-13 Caolán McKeown

删除'text-overflow：clip;'规则。 –

完成之前返回的是前一个输出 –

如果你不希望省略号然后只是删除text-overflow财产

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

在你CSS text-overflow通过除去它的省略号效果产生省略号效果将删除和文本将显示，直到限定的宽度

来源

2016-04-13 09:17:18

我试过这个，但是没有对输出进行任何修改 –

你可以创建一个提问或者发布你的html代码 –

希望能帮助 –

在css中起跳省略号

回答

相关问题