在Angular JS中使用移动视图时，表格单元格中不会发生文本对齐

Question

我有一个需要桌面和移动视图的Web应用程序。我正在使用Angular JS。除了表格中的文本对齐外，一切正常。我试过了<td align="left">，但它有所不同。 这是我的表格代码：

<tr style="height: 35px; text-align: left" class="{{event.holiday ||event.sunday ? 'vacationBgColor' : 'nonVacationBgColor'}}" data-ng-repeat="event in week.eventsOfPersonByDateList">
<td width="10%">{{ event.dayDate }}</td>
<td colspan="7">
<table style="width: 100%;">
<tbody>
<tr data-ng-repeat="day in event.eventDataList" style="height: 35px; text-align: left">
<td width="10%">{{ day.tCode }}</td>
<td width="10%">{{ day.beginTime === '00:00' ? '&nbsp;': day.beginTime }}</td>
<td width="10%">{{ day.endTime === '00:00' ? '&nbsp;' :day.endTime }}</td>
<td width="10%">{{ day.tsCode }}</td>
<td width="12%">{{ day.scUnitCode }}</td>
<td width="10%">{{day.sourceCode }}</td>
</tr>
</tbody>
</table>
</td>
</tr>

我错过了一些非常基本的东西吗？我应该添加其他东西吗？请帮帮我。

Answer 1

＆＃13;

＆＃13;

<table style="width:100%;table-layout:fixed">

＆＃13;

＆＃13;

＆＃13;

将此添加到您的代码