Eu quero usar para manter o formato de texto de entrada, mas o texto exibido cruza a fronteira de seu tag dos pais

Question

O texto em passos <pre></pre> além do limite de sua <div></div> dos pais. Como resolver esse problema?

Diz-se que os comprimentos de linha no texto pré-formatado pode ser encurtado, mas como fazê-lo?

Eu vi

<%# DataBinder.Eval(Container.DataItem, "Comments")
               .ToString().Replace("\n", "<br />") %>

É c #? Eu sou um programador PHP.

Answer 1

Você pode usar CSS para fazer a quebra automática de texto:

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

Se você não deseja que o texto a formatação mudou em tudo, este CSS irá usar barras de rolagem para fazer toda a de qualquer maneira visível texto:

pre {
  width: 100%;
  overflow: auto;
}

Answer 2

Tente adicionar CSS:

pre {
  width: 100%;
  overflow: auto;
}