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

Text alignment not happening in table cells when mobile view is used in Angular JS

本文关键字：单元格 对齐 文本 表单 JS Angular 移动 视图      更新时间：2023-09-26

我有一个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>

我是不是错过了一些基本的东西？我还需要补充什么吗？请帮帮我。

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

将其添加到您的代码

相关文章：