Det nærmeste jeg kommer på ... er nok dette:
(det fordrer dog at det er almindelig tekst som i spørgsmålet)
- Prøv at hover over aaa... linjen
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
#indholdet{width:300px;background:#aaa;}
#indholdet2{width:100px;background:#aaa;}
</style>
<script type="text/javascript">
function ael(elm,evt,f){
if(elm.addEventListener)elm.addEventListener(evt, function(){eval(f)}, false);
else if(elm.attachEvent)elm.attachEvent("on"+evt, function(){eval(f)});
}
ael(window,"load","wload();");
function wload(){
elms=document.getElementsByTagName("*");
for(i=0;i<elms.length;i++){
if(elms[i].rel=="wordwrap"){
tmpw=elms[i].offsetWidth;
tmptxt=elms[i].firstChild.nodeValue.split(" ");
elms[i].removeChild(elms[i].firstChild);
tmparr=[];
for(j=0;j<tmptxt.length;j++){
tmparr[j]=document.createElement("span");
elms[i].appendChild(tmparr[j]);
tmparr[j].appendChild(document.createTextNode(tmptxt[j]+" "));
if(tmparr[j].offsetWidth>tmpw){
tmparr[j].setAttribute("title",tmparr[j].firstChild.nodeValue);tmp=tmparr[j].firstChild;
while(tmparr[j].offsetWidth>tmpw)tmp.nodeValue=tmp.nodeValue.substr(0,tmp.nodeValue.length-6)+"... ";
}
}
}
}
}
</script>
</head><body>
<div id="indholdet" rel="wordwrap">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bla bla bla bla bla bla bla bla bla bla</div>
<br>
<div id="indholdet2" rel="wordwrap">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla blaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bla bla bla bla bla</div>
</body></html>
