Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

AlexCastello

Div não mantém a sua largura

Por , em Desenvolvimento frontend

Recommended Posts

AlexCastello    0

AlexCastello
Postado

Senhores, estou com um problema e gostaria da ajuda de vocês.

Fiz uma div com posição absoluta de altura 200px e largura 200 px. Estou colocando texto dentro dela porém o mesmo aumenta o tamanho da div quando passa do tamanho da largura de 200px.

Existe alguma maneira de se definir uma largura fixa que não seja alterada pelo tamanho do texto?

Gostaria que a div tivesse o mesmo comportamento de uma table que quebra o texto quando o mesmo chega no fim da linha.

 

Segue o codigo CSS da Div:

 

#box {
        border:1px solid #DD2424;
        text-align:left;
        padding: 10px;
        width:200px;
        height:200px;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

#box {
		border:1px solid #DD2424;
		text-align:left;
		padding: 10px;
		width:200px;
		height:200px;
}

Experimente:

#box {
		border:1px solid #DD2424;
		text-align:left;
		padding: 10px;
		width:200px;
		height:200px;
		overflow: auto;
}

Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

AlexCastello    0

AlexCastello
Postado

Dessa maneira ele cria um scroll na parte inferior. O que eu queria era que houvesse quebra de linha, entende?

 

 

Olá,

 

#box {
		border:1px solid #DD2424;
		text-align:left;
		padding: 10px;
		width:200px;
		height:200px;
}

Experimente:

#box {
		border:1px solid #DD2424;
		text-align:left;
		padding: 10px;
		width:200px;
		height:200px;
		overflow: auto;
}

Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Sem link a gente tem que imaginar o que pode estar acontecendo.

Sem contar o fato de que pode ser outra coisa no código que esteja atrapalhando.

 

como o gio! disse no primeiro post, coloque um link ou o código de seu html aí.

Compartilhar este post

Link para o post
Compartilhar em outros sites

AlexCastello    0

AlexCastello
Postado

Segue o código html:

<html>

<head>

<style>@import "box.css";</style>

</head>

<body>

 

<div id="box">hsdjsdmnsbnssdhskdblsjdsjdbjdbklsdsdkjblskjdblskjdblkjsbdsldkjslkjdhs</div>

 

</body>

</html>

 

 

 

como o gio! disse no primeiro post, coloque um link ou o código de seu html aí.

 

Não está na internet ainda. Estou realizando testes em um ambiente de homologação local.

Mas segue o código html:

<html>

<head>

<style>@import "box.css";</style>

</head>

<body>

 

<div id="box">hsdjsdmnsbnssdhskdblsjdsjdbjdbklsdsdkjblskjdblskjdblkjsbdsldkjslkjdhs</div>

 

</body>

</html>

 

 

 

Sem link a gente tem que imaginar o que pode estar acontecendo.

Sem contar o fato de que pode ser outra coisa no código que esteja atrapalhando.

 

como o gio! disse no primeiro post, coloque um link ou o código de seu html aí.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Penso que só jogando com Javascript é que você consegue o que pretende.

 

Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito