我正在使用bootstrap css处理html表，并希望使用可滚动内容修复表头。
以下是我的代码演示：
https://plnkr.co/edit/uRJ6WFVWevksH3ip4kct?p=preview
在上面的plunker演示中，您可以注意到标题是固定的，内容是scolling但是列与标题的对齐方式不匹配。我给出了相同的宽度VehicleName Order1 Order2 Order3 Order4 Order5
----------- --------------- --------------- --------------- --------------- ---------------
Car1
Car2 Jack (11111) Susan (22222)
Car3 Hany (33333) Halaa (55555)
给定<td>的宽度，但仍面临对齐问题。请告知要进行哪些更改以使内容列和标题匹配，以及我注意到的另一个问题是第一行的某些内容隐藏回表标题。我尝试通过设置标题的宽度和<th>来解决CSS中使用不同的方法，但无法实现它。
代码：
<td>答案 0 :(得分：1)
将div宽度<div class="" style="width: 80%; margin: 0px auto">设置为100%
也就是说，
<div class="" style="width: 100%; margin: 0px auto">
也许这可以解决您的问题。
答案 1 :(得分：0)
这是因为表行为。如果您为td和th设置宽度，如果内容更宽，它仍然会增加。一个可能的“修复”是将表格布局设置为固定（在css中），这将导致所有td s和th s具有相同的宽度，但这可能是不可取的。对于较小的屏幕，您可以考虑使用响应表。对于Foundation框架来说非常酷：https://zurb.com/playground/responsive-tables或Twitter Bootstrap（我看到你正在使用它）：https://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table