Почему Chrome не понимает "ширина: 50%" для ячейки таблицы? - PullRequest
Новая
       11

Почему Chrome не понимает "ширина: 50%" для ячейки таблицы?

1 голос
/ 01 августа 2020

У меня есть сворачиваемая таблица с тремя ячейками заголовка, но когда она открыта, в строке ниже есть четыре ячейки содержимого. Первая ячейка заголовка охватывает две ячейки содержимого. Я хочу, чтобы первая ячейка заголовка была шириной 50%, даже когда таблица закрыта. С кодом, показанным ниже, это работает в FF. Но в Chrome три ячейки заголовка имеют одинаковую ширину, когда таблица закрыта.

Таблицу можно найти здесь . Ячейка помечена как «6, 11». 

<table class="collapsible collapsed" style="width: 100%;">
    <tbody>
        <tr>
            <th colspan="2" style="width: 50%;">A & B</th>
            <th style="width: 25%;">C</th>
            <th style="width: 25%;">D</th>
        </tr>
        <tr>
            <td>A</td>
            <td>B</td>
            <td>C</td>
            <td>D</td>
        </tr>

Я что-то не так с моим кодом или с Chrome? И есть ли пересечение того, что правильно и что понимают оба браузера?

1 Ответ

0 голосов
/ 02 августа 2020

table-layout:fixed дает закрытому столу пропорции открытого.
Здесь изменение.

...