por que o flow: hidden não funciona em um

overflow: Hidden é frequentemente usado para ocultar conteúdo transbordante dentro de um elemento. No entanto, quando aplicado a um elemento

, pode não funcionar conforme o esperado, levando à expansão da célula em vez do truncamento do texto. :

tabela -layout: corrigido
• - Esta propriedade garante que a tabela tenha uma largura fixa e as células individuais não crescem além dela.
Espaço branco: Nowrap
• - Esta propriedade impede que o texto quebre em várias linhas, garantindo que permaneça dentro da largura da célula especificada. Considere os seguintes trechos HTML e CSS:
This_is_a_terrible_example_of_thinking_outside_the_box.

* { Timing de caixa: caixa de fronteira; } mesa { Layout da tabela: corrigido; colapso da fronteira: colapso; largura: 100%; MAX-LUDA: 100px; } TD { Antecedentes: #f00; preenchimento: 20px; estouro: oculto; Espaço branco: Nowrap; Largura: 100px; Border: Solid 1px #000; } Neste exemplo, o elemento da tabela tem uma largura máxima fixa de 100px e o elemento

tem uma largura de 100px. O texto dentro da célula agora estará oculto além da largura especificada.