Defina a constante de largura da coluna da tabela, independentemente da quantidade de texto em suas células?

Ao lidar com tabelas, definir a largura da célula da tabela que não depende do conteúdo ou do tamanho do texto é uma tarefa desafiadora. Quando o texto das células da tabela se tornar muito longo/longo, a largura da coluna mudará automaticamente. Para corrigir a largura da coluna da tabela, utilize a propriedade "Table-layout" e defina seu valor como "fixo".

Este post demonstrará:

• Como fazer uma mesa em html?
• Como definir constante de largura da coluna da tabela, independentemente do comprimento do texto?

Como fazer uma mesa em html?

Para fazer uma tabela em HTML, experimente o procedimento abaixo mencionado.

Etapa 1: Crie uma tabela

Primeiro, crie uma tabela com a ajuda do “

”Tag e insira o“fronteira”Atributo para definir a borda ao redor da mesa.

Etapa 2: Adicione linhas e célula de cabeçalho

Em seguida, adicione as linhas de tabela com o “

”Tag e adicione células de cabeçote utilizando o“" Tag:

”. O texto do cabeçalho é definido entre o “	" Tag: Etapa 3: Adicione células de dados Para adicionar as células de dados, o “	”A tag é usada entre o“

Primeiro nome	Sobrenome	Endereço
Hafsi	Rana	Casa nº 3 Reino Unido
Jenny	Mughal	Casa no 219 Turquia
Mari	Awan	Casa no 487 Canadá

A tabela foi criada com sucesso:

Como definir constante de largura da coluna da tabela, independentemente do comprimento do texto?

Para definir a largura da coluna que é constante, independentemente da quantidade de texto, siga as instruções abaixo do rumo.

Etapa 1: defina o layout da tabela

Primeiro, acesse a tabela no CSS com a ajuda do nome da tag. Então, aplique o “Layout da tabela”Propriedade e defina o valor“fixo”Para tornar constante a largura das células da tabela.

Etapa 2: aplique outras propriedades CSS

Para estilo de tabela, utilize as propriedades codificadas abaixo:

mesa
Layout da tabela: corrigido;
borda: 2px RGB sólido (240, 113, 10);
Largura: 200px;
margem: automático;
cor de fundo: RGB (245, 210, 210);

Aqui:

• O "fronteira”É uma propriedade abreviada usada para definir a fronteira, o estilo de fronteira, a largura e a cor.
• Em seguida, o “largura”É utilizado para definir a largura do elemento.
• O "margem”Determina o lado externo do espaço o limite definido.
• Então o "cor de fundo”Propriedade utilizada para definir a cor de fundo na parte traseira do elemento.

Saída

Etapa 3: Defina a largura da célula da tabela

Acesse as células da tabela, como cabeçalho e células de dados usando “º" e "TD”:

th, td
borda: 2px RGB sólido (14, 156, 250);
estouro: oculto;
Largura: 150px;

Aqui o "transbordar”Propriedade é definida como oculta. Esta propriedade especifica o que deve acontecer se o conteúdo transbordar nas células da tabela.

Saída

Demonstramos o método para definir a constante de largura da coluna da tabela.

Conclusão

Para definir a constante de largura da coluna da tabela, primeiro, crie uma tabela utilizando o “

" marcação. Então, use o “Layout da tabela”Propriedade CSS e defina seu valor como“fixo”Para consertar o tamanho do layout da tabela. Depois disso, aplique outras propriedades do CSS, como “largura "," borda "," transbordamento "e" margem”Propriedades, para estilizar a tabela. Este post demonstrou o método para definir a constante da coluna da tabela, independentemente do texto em suas células.

• « Mais de 1 linha em <Input type=”textarea” />
• Por que a altura não funciona 100% para expandir as divs para a altura da tela? »