✔ Abgeschnittene Texte mit Wrap abschneiden

Wende dich an das JS- Forum, die können dir bestimmt helfen. Aber bitte denke immer an der Zugänglichkeit deiner Seite.
Schön ist nicht alles!
 
Ich glaube, ich werde immer blöder. jetzt weiß ich was du willst. Hoffe es zu mindestens.
HTML: 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Komplette Zeilen bei unterschiedlicher Schriftgröße</title>
<style>
* {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}
div {
 margin:10px;
 padding:0 5px;
 border:1px solid #000;
 overflow:hidden;
 float:left;
 width:300px;
 height:15em; /*Vorgabehöhe:  1.5em(line-height) x 10 Zeilen = 15em (ca 240px)*/
 font-size:1em;
 line-height:1.5em;
}
div:hover {
 height:auto;
}
</style>
</head>

<body id="home">
<div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel E.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel E
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel E
</p>
</div>
</body></html>
 
Zuletzt bearbeitet:
djheke hat gesagt.:
Ich glaube, ich werde immer blöder. jetzt weiß ich was du willst. Hoffe es zu mindestens.
HTML: 
<style>
...
div {
...
height:15em; /*Vorgabehöhe:  1.5em(line-height) x 10 Zeilen = 15em (ca 240px)*/
font-size:1em;
line-height:1.5em;
}
</style>
Zum Vergrößern anklicken....
line-height (in Bezug zur Höhe und Schriftgröße) hatte ich gestern schon als Lösung vorgeschlagen - siehe Post #8
SpiceLab hat gesagt.:
Eventuell kann hier auch die Zeilenhöhe line-height behilflich sein.
Zum Vergrößern anklicken....
NetBull hat gesagt.:
hmmm.... das wäre eine idee.
Zum Vergrößern anklicken....
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück