Truncamento de texto com CSS, JS E PHP

O truncamento de texto é uma técnica usada para lidar com conteúdo que transborda seu contêiner, escondendo a parte extra e substituindo-a por reticências (...). Aqui estão as maneiras de implementar isso em CSS, JavaScript e PHP.

Truncamento de Texto com CSS

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

Truncamento de Texto com JavaScript

let paragrafo = "Este é um exemplo de texto que será truncado se for muito longo.";
if (paragrafo.length > 45) {
    let textoTruncado = paragrafo.substring(0, 45 - 3) + '...'; // Subtrai 3 para adicionar as reticências
    console.log(textoTruncado); // Exibe o texto truncado
}

Truncamento de Texto com PHP

$string = "Este é um exemplo de texto que será truncado.";
$textoTruncado = mb_strimwidth($string, 0, 15, "...");
echo $textoTruncado; // Exibe: "Este é um e..."

Adicionar um comentário