Matthias Apsel: Überlangen Text rechtsbündig anzeigen

Beitrag lesen

SELF-Forum

Überlangen Text rechtsbündig anzeigen

Matthias Apsel Homepage des Autors
– Informationen zu den Bewertungsregeln

Om nah hoo pez nyeetz, Kai345!

Schönere Lösung, kommt ohne JS aus, verwendet aber ein zusätzliches Element:

<!DOCTYPE HTML>  
<html>  
  <head>  
    <meta charset="utf-8">  
    <title>Überlanger Text</title>  
    <style type="text/css">  
      div.foo {  
        width: 14em;  
        border: 1px solid;  
	height: 1.4em;  
	padding: 0.25em;  
	overflow: hidden;  
	white-space: nowrap;  
	position: relative;  
	text-align: right;  
        margin-bottom: 1em;  
      }  
      div.foo > div {  
        position: absolute;  
        min-width: 14em;  
	right: 0.25em;  
	text-align: left;  
      }  
    </style>  
  </head>  
  <body>  
   <div class="foo">  
     <div>Ganz langer Text, der abgeschnitten werden soll.</div>  
   </div>  
   <div class="foo">  
     <div>Ganz kurzer Text.</div>  
   </div>  
  </body>  
</html>

Matthias

--
1/z ist kein Blatt Papier.

Beitrag melden
–
Informationen zu den Bewertungsregeln