3
respostas

Quebra de linha com a palavra inteira

Bom dia,

como faço para quebrar a linha com a palavra inteira? ele coloca o texto "familiar o requerente (estudante), independe" e na linha debaixo "familiar o requerente (estudante), independe"

segue abaixo meu código:

.divevento{
    padding: 10px;
    white-space: pre-wrap;
/*    text-align: justify;*/
    word-wrap: break-word;
    /*overflow-wrap: normal;*/
}


<div class="container">
        <?php
        echo "<div class='row'>";
        foreach ($eventos as $evento):
            echo "<pre class = 'jumbotron shadow-sm p-3 mb-5 bg-white'>";
            echo "<div class='divevento'>";         
            echo "<article>";
            echo "<h1>{$evento->getTitulo()}</h1>";
            echo "<h2><time datetime={$evento->getData_evento()}> Data: " . Funcoes::DataBr($evento->getData_evento() . ' ' . $evento->getHora_evento()) . "</time></h2>";
            echo "<h2>Local: {$evento->getLocal()->getDescricao()}</h2>";
            echo $evento->getTexto();
            echo "</article>";
            echo "</div>";
            echo "</pre>";
        endforeach;
        echo "</div>";
        ?>
</div>
3 respostas

Oi Fernanda, não sei se entendi bem, você pode subir um print no pasteboard.co e compartilhar o link dela aqui pra gente ver direitinho o que tá acontecendo?

https://pasteboard.co/Hs0PSG6.png

Entendi, mas o break-word vai fazer exatamente isso Fernanda. Quando a palavra excede o espaço disponível ele vai quebrar a palavra pra caber certinho.

Se remover a propriedade, vai ver que a palavra não é quebrada e ela vai inteira pra baixo.