text-overflow:ellipsis;
text-overflow:clip;
text-overflow:ellipsis-word;
<style type="text/css">
#d_textoverflow p {
white-space:nowrap;
width:7em;
overflow:hidden;
border:1px solid #ccc;
}
#d_textoverflow p:hover {
text-overflow:inherit;
overflow:visible;
}
</style>
<div id="d_textoverflow">
<p style="text-overflow:ellipsis;">text-overflow:ellipsis;</p>
<p style="text-overflow:clip;">text-overflow:clip;</p>
<p style="text-overflow:ellipsis-word;">text-overflow:ellipsis-word;</p>
</div>