L'ouverture de l'esprit n'est pas une fracture du crâne: Limiter le nombre des caracteres ( couper les caracteres ) d'un texte dans un div avec du css

jeudi 10 mai 2012

Limiter le nombre des caracteres ( couper les caracteres ) d'un texte dans un div avec du css

CODE

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.cadre
{

overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
width:500px;
padding:3px;
height:30px;
border:1px solid #000000;
background-color:#C1C1C1;
}

</style>
</head>
<body>
<div class="cadre">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at,
laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante,
elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus
quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum
</div>
</body>
</html>

RESULTAT