HTML表格宽度/溢出/固定

Question

我有一个包含许多列的表格，我想要包装每个文本并修复宽度。

我的所有桌子都很好，除了那些有很多列的人。例如，请查看下表：

查看选项列。它削减了一些图像的像素。除此之外，如果我在我的移动电话（iPhone）上打开相同的页面，所有列都混合在一起，列的数据也是如此，以至于您无法看到列的开始位置和列的结束位置。家，你理解我。

这是表格的CSS：

        .tablesorter {
            width:100%;
            table-layout:fixed;
            text-align:center;
            margin: -5px 0 0 0;
            overflow:hidden;
        }

        .tablesorter td{
            margin: 0;
            padding: 0;
            border-bottom: 1px dotted #ccc;
        }

        .tablesorter thead tr {
            height: 34px;
            background: url(../images/table_sorter_header.png) repeat-x;
            text-align:center;
            text-indent: 10px;
            cursor: pointer;
        }

        .tablesorter td {
        padding: 15px 10px;
        }

我多次尝试将溢出：隐藏到thead / tr / td等。实际上我几乎尝试了互联网上的每一个组合但没有发生任何事情。以上只是我最新的，就像你在图片上看到的一样