Ir para conteúdo
Fórum Script Brasil
  • 0

Problema ao justificar texto


JuniorE

Pergunta

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^

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

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 por JuniorE
Link para o comentário
Compartilhar em outros sites

  • 0

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 por ºBº
Link para o comentário
Compartilhar em outros sites

  • 0

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 por *FIT*
Inserir as tags [code] e retirar texto em CAIXA ALTA
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...