Question

在移动设备上查看此网站时，有一种令人讨厌的趋势，即收紧前4列，并保留最后一列的全长。此外，首次打开网站时，只显示前4列。有没有解决方法：

A）所有列都不会立即可见的问题，必须向右滚动才能查看第五个列 B）表格在移动设备上看起来很丑陋的问题，特别是描述方式嘎然而止。

Answer 1

a）您期望发生什么？根本没有足够的空间，所以当然它会在右侧推出。最后一列完全使用的原因是因为它是一个单词，默认情况下不会中断。如果要中断单个单词，可以使用css-property word-break。

word-break: break-all;

b）获得响应表总是很棘手。既然你用bootstrap标记了这个问题，我建议你研究一下bootstrap的.table-responsive。这将使您的表格水平滚动，但整页将保持100％宽度。

<div class="table-responsive">
    <table class="table">
        ...
    </table>
</div>