HTMLは無効なテーブル幅設定の問題を解決します

        <col style="width: 100px;"/>
        <列>
        <col style="width: 100px;"/>
        <col style="width: 100px;"/>
        <col style="width: 100px;"/>

。詳細 {
    パディング下部: 50px;
    上マージン: 80px;
}

.詳細表{
    table-layout:fixed;/*列幅はテーブル幅と列幅によって設定されます。 */
    margin: auto;/*テーブルを中央に配置*/
    テキスト配置: 中央;
    境界線: 1px 実線 #804040;
    境界線の折りたたみ: 折りたたみ;
}

.detail_table th {
    パディング: 26px;
}

.詳細テーブル td {
    境界線: 1px 実線 #804040;
    パディング上部: 16px;
    パディング下部: 16px;
}

。特別 {
    テキスト配置: 左;
    左パディング: 20px;
}

<div class="詳細">

    <テーブルクラス="詳細テーブル">

        <頭>
        <th colspan="5">選択したオプションの詳細</th>
        </thead>
        <!-- 記述した場合は、記述した幅に従いますが、記述した幅がテーブルを埋め尽くさない場合は、指定したサイズの割合に従って各 td に均等に分割されます -->
        <!--これで 4 つの列は 100 ピクセルになり、データのない列が残りのすべてを占めます -->
        <col style="width: 100px;"/>
        <列>
        <col style="width: 100px;"/>
        <col style="width: 100px;"/>
        <col style="width: 100px;"/>

        <t本文>

        <tr>
            <td>
                シリアルナンバー
            <td>
                症状
            <td>
                準拠する
            <td>
                準拠していません</td>
            <td>
                不明
        </tr>

        <?php $i = 1; ?>

        <?php foreach ($test を $item として): ?>
            <!--選択範囲を取得-->
            <?php $temp = $this->session->userdata('b' . $i) ?>

            <tr>

                <td>
                    <?php echo $i; ?>
                </td>

                <td>
                    <?php echo $item; ?>
                </td>

                <td>
                    <?php if ($temp == 1): ?>√<?php endif ?>
                </td>
                <td>
                    <?php if ($temp == 2): ?>√<?php endif ?>
                </td>

                <td>
                    <?php if ($temp == 3): ?>√<?php endif ?>
                </td>

            </tr>

            <?php $i++; ?>

        <?php endforeach; ?>

        </tbody>

    </テーブル>

</div>