limiter le texte à seulement deux lignes

Je veux limiter le texte à un nombre fixe de lignes pour une table de 150px de largeur dans l'e-mail en html, par exemple:

Long text continues down the road into a lane and doesn't stop there

Je veux qu'elle ressemble à ceci:

Long text continues down 
the road into a lane and...

Je suis la troncation de la chaîne pour un max de 45 caractères, y compris des points de suspension, mais parfois, quand un mot long est présent, il va à trois lignes:

Long text continues at
accelerating speed into the
road...

Idéalement, je voudrais casser le mot de l'accélération ou plutôt de remplir autant de caractères qu'il peut dans la première ligne et de continuer à la deuxième ligne, est-il un moyen de le faire en html? (J'ai regardé le word-wrap mais apparemment il n'est pas pris en charge dans tous les clients de messagerie)

Aussi car c'est les clients de messagerie, je ne peux pas faire n'importe quel javascript etc. aussi.

source d'informationauteur Sainath Mallidi

css html

CSS Solution

Vous pouvez définir une hauteur et ne overflow hidden.

span {
    display: inline-block;
    border: black 1px solid;
    width: 300px;
    height: 40px;
    overflow: hidden;
}

Exemple: http://jsfiddle.net/imoda/REs2Q/

Solution PHP

Le serveur verso alternative est d'utiliser substr

<?php

    $string = "Oh squiggly line in my eye fluid. I see you lurking there on the peripheral of my vision. But when I try to look at you, you scurry away. Are you shy, squiggly line? Why only when I ignore you, do you return to the center of my eye? Oh, squiggly line, it's alright, you are forgiven.";

    echo charlimit($string, 100);

    function charlimit($string, $limit) {

        return substr($string, 0, $limit) . (strlen($string) > $limit ? "..." : '');
    }

?>

Exemple: http://codepad.org/OetkaMh6

Ce sera de sortie de 100 caractères de la chaîne puis ajouter ... Truc, c'est que vous aurez à changer le nombre de caractères de ce qui fonctionne le mieux pour votre situation. Parce que c'est le serveur de face, ne pas savoir combien de caractères il faut dans chaque scénario pour déclencher qu'un retour chariot.

Alternativement, vous pouvez limiter le nombre de mots:

<?php

    $string = "Oh squiggly line in my eye fluid. I see you lurking there on the peripheral of my vision. But when I try to look at you, you scurry away. Are you shy, squiggly line? Why only when I ignore you, do you return to the center of my eye? Oh, squiggly line, it's alright, you are forgiven.";

    echo wordlimit($string, 20);

    function wordlimit($string, $limit) {

        $overflow = true;

        $array = explode(" ", $string);

        $output = '';

        for ($i = 0; $i < $limit; $i++) {

            if (isset($array[$i])) $output .= $array[$i] . " ";
            else $overflow = false;
        }

        return trim($output) . ($overflow ? "..." : '');
    }

?>

Exemple: http://codepad.org/WYJFPaD5

Mais c'est la même chose, vous avez de l'adapter aux "meilleur ajustement"

Espère que ça aide.

1

Si votre message est une chaîne de caractères, vous pouvez effectuer les opérations suivantes avec PHP:
```
$stringChunkArray = str_split($string, 45); //45 = desired char count
foreach ($stringChunkArray as $line) {
    echo $line.PHP_EOL;
}
```
Qui garantissent à 45 caractères par ligne...
0

Avez-vous essayé d'emballage de chaque ligne dans un <span style="white-space: nobreak;">...</span> à force de ne pas l'enrobage?

De la documentation peut être trouvée ici
0

C'est la norme de comportement des cellules du tableau pour étirer pour s'adapter à leur contenu. Découper les mots en fonction de la largeur d'une cellule aurait besoin de script.

overflow:hidden juste de couper le reste des mots et n'est pas pris en charge dans Outlook 2007/2010.

Cela a fonctionné pour moi, il suffit de régler la hauteur que vous souhaitez.

blog_content  {
    display: inline-block;
    border: 0px;
    height: 600px;
    overflow: hidden;
}

Vous devez vous connecter pour publier un commentaire.