Ir para conteúdo

POWERED BY:

Arquivado

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

Daniel Lisboa

box

Por , em Desenvolvimento frontend

Recommended Posts

Daniel Lisboa    0

Daniel Lisboa
Postado

COMO EU FAÇO PARA MEU BOX NÃO AUMENTAR DE TAMANHO CONFORME A QUANTIDADE DE TEXTO, NÃO QUERO QUE ELE AUMENTE E QUE SUPERTE APENAS

OS CARACTERES QUE CABEM NO TAMANHO QUE EU DEFINIR PRO MEU BOX.

 

#box0	{	margin-left:10px;	margin-top: 10px;	background-color: #f6c3f6;	color:FFFFFF;	padding: 10px;	position: relative;	height: 60px;	whidth: 4004px;	float: left	}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

max-height e max-width não é suportado em todos os navegadores.

 

Não sei qual sua necessidade disso, mas se não houver problema em cortar o texto que exceder o limite do sue box.

 

usa o comando overflow: hidden;

 

:)

Compartilhar este post

Link para o post
Compartilhar em outros sites

xavrim    0

xavrim
Postado

Você pode delimitar com margens, não?Tipose tiver um BOX dentro de outro box, e só utilizar as margens.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Também não fununcia...quando coloquei um texto maior, o box aumentou junto.

Cara acho que você deve ter feito errado.Testei aqui e funcionou.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css">#box0{	margin-left:10px;	margin-top: 10px;	background-color: #f6c3f6;	color:FFFFFF;	padding: 10px;	position: relative;	height: 60px;	width: 400px;	float: left;	overflow: hidden;}</style></head><body><div id="box0">Lorem Ipsumis simply dummy text of the printing and typesetting  industry. Lorem Ipsum has been the industry's standard dummy text ever  since the 1500s, when an unknown printer took a galley of type and  scrambled it to make a type specimen book. It has survived not only  five centuries, but also the leap into electronic typesetting,  remaining essentially unchanged. It was popularised in the 1960s with  the release of Letraset sheets containing Lorem Ipsum passages, and  more recently with desktop publishing software like Aldus PageMaker  including versions of Lorem Ipsum.</div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

whidth: 4004px;

Porque usar um width tão grande?Bom eu não percebi bem o que necessita.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