Problema ao justificar texto

JuniorE · Abril 2, 2011

To com um problema aqui em justificar um texto, por exemplo, quero que justifique dentro de 100px, num sistema de comentários, ok. Mas ele só justifica quando tem um texto normal ali, o meu problema é que quando tem um texto sem espaços, exemplo: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx, e que dê mais de 100px, ele não justifica, e atravessa o limite dos 100px, podem fazer um teste. Então eu queria saber se é possível automatizar hífens em HTML.

Valeu^

_Vinny_ · Abril 4, 2011

Qual o link do seu site onde eu possa ver o problema?

JuniorE · Abril 7, 2011

Um exemplo:

<html>
<head>
</head>
<body>
<div style='text-align:justify; width:150px; border:1px solid #ccc; padding:10px;' >
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</div>
</body>
</html>

Podem testar. Nos comentários, se alguém mandar um link maior que o limite, por exemplo, o texto sai fora do layout, esse é o problema. Isso tem solução?

Valeu

Editado Abril 7, 2011 por JuniorE

ºBº · Abril 19, 2011

Olha na verdade não está pronto só a metade do problema está resolvido não está transbordando,

mas ainda falta que ele dessa a linha seguinte quem souber posta ai gostaria de descobrir também.

No aguardo!!!

-----------------------------------------------------------------------------------------------------------------

Uma mente que se abre a uma nova idéia jamais voltará ao seu tamanho original

<html>
<head>
<title>teste</title>
<style type="text/css">
#container
  {
   overflow: hidden;
   width: 70px;
   border: 1px solid #bbb;
   background: #ddd;
   padding: 10px;
  }
#esquerda
 {

  text-align:justify; 
 } 
</style>
</head>
<body>
<div id="container">
   <div id="esquerda">
   xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
   </div>
</div>
</body>
</html>

Editado Abril 19, 2011 por ºBº

Sexto · Abril 25, 2011

Testa ai, veja se é isso, ou envia o endereço do site pra termos uma idéia melhor do que se trat. Acho que vazava pra fora porque precisava definir o height. Explica melhor automatizar hífens, esta falando de listas LI...UL...OL??? Se sim, é só inserir antes da área de texto a tag <li>

SOLUÇÃO 1 - caixa de texto com limite de largura e altura com barra de rolagem interna na vertical, o texto fica justificado automaticamente.

<html>
<head>
</head>
<body>
<div style='text-align:justify; width:150px; height: 50px; border:1px solid #ccc; padding:10px; overflow-y: auto; overflow-x: hidden';>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia iaculis ullamcorper. Maecenas vel malesuada massa. Nunc at blandit nisl. In tempus lobortis leo eget congue. Etiam nec elit at nisi condimentum auctor et quis mi. Mauris aliquam enim eget dolor viverra adipiscing. Mauris eget leo metus. </div>
</body>
</html>

SOLUÇÃO 2 - caixa de texto com limite de altura e largura sem barra de rolagem, pra descer o texto é selecionar e arrastar com o mouse, o texto fica justificado automaticamente.

<html>
<head>
</head>
<body>
<div style='text-align:justify; width:150px; height: 50px; border:1px solid #ccc; padding:10px; overflow-x: auto; overflow-y: hidden';>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia iaculis ullamcorper. Maecenas vel malesuada massa. Nunc at blandit nisl. In tempus lobortis leo eget congue. Etiam nec elit at nisi condimentum auctor et quis mi. Mauris aliquam enim eget dolor viverra adipiscing. Mauris eget leo metus. </div>
</body>
</html>

Abraço.

Editado Abril 25, 2011 por *FIT*
Inserir as tags [code] e retirar texto em CAIXA ALTA

Entrar

Problema ao justificar texto

Pergunta

JuniorE

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

_Vinny_

Link para o comentário

Compartilhar em outros sites

JuniorE

Link para o comentário

Compartilhar em outros sites

ºBº

Link para o comentário

Compartilhar em outros sites

Sexto

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades