Вопросы Теги

Минимальная ширина и максимальная высота для атрибутов таблицы

У меня есть таблица, и я хочу определить свойства min-width и max-height . См. Пример ниже.

Моя проблема в том, что браузер не принимает это. Если я определю его в td , он будет проигнорирован, если я определю его в элементе div внутри элемента td , контент будет иметь правильную минимальную и максимальную ширину. , но размер таблицы остался прежним. (так что много свободного места: /)

Как я могу решить эту проблему?

РЕДАКТИРОВАТЬ: Я только что заметил, что проблема возникает только тогда, когда таблица находится в полноэкранном режиме. Тем не менее, у элемента не должно быть больше максимальной ширины, чем!

Пример: 

<html>
<head>
    <style type="text/css">
        td {
            border: 1px solid black;
        }

        html,body,.fullheight {
            height: 100%;
            width: 100%;
        }
        .minfield {
            max-width: 10px;
            border: 1px solid red;
            overflow: hidden;
        }
    </style>    
</head>

<body>
    <table class="fullheight">
        <tr>
            <td class="minfield">
                <div class="minfield">
                    <p>hallo</p>
                </div>
            </td>
            <td><p>welt</p></td>
        </tr>
    </table>
</body>
</html>
18
задан Brian Tompsett - 汤莱恩 23 January 2019 в 22:52
поделиться