Force-Text in einem div nur zu brechen, nachdem es bis zum Ende des div

Im Snippet Code erreicht gibt es zwei Beispiele zu zeigen, was ich zu tun versuche:Force-Text in einem div nur zu brechen, nachdem es bis zum Ende des div

Ich mag, dass mein Top-Beispiel würde benehmen Sie sich wie die unten, bedeutet es bleibt in 2 Zeilen mit diesem gegebenen Text, das Problem ist, dass, wenn ich space benutze es bricht die Linie und ich möchte den Text bis zum Ende des div und nur dann zu brechen.

Irgendwelche CSS-Ratschläge?

.myClass{ 
 
     font-size: 10px; 
 
     color: #9a9a9a; 
 
     width: 160px; 
 
     overflow: hidden; 
 
     -ms-word-wrap: break-word; 
 
     word-wrap: break-word; 
 
    }

<body> 
 
    <div class="myClass"> 
 
     WWWWWWWW WWWWWWWWWWWWWWWWWWWWWWWWW 
 
    </div> 
 
    
 
    <hr> 
 
    <div class="myClass"> 
 
     WWWWWWWW WWWWWWWWW WWWWWWWWWWWWWWWW 
 
    </div> 
 
    </body>

Quelle

2017-03-09 Offir Pe' er

können Sie folgende CSS für diese

.myClass{ 
    font-size: 10px; 
    color: #9a9a9a; 
    width: 160px; 
    overflow: hidden; 
    word-break: break-all; 
    word-wrap: break-word; 
    display: block; 
}

verwenden

Quelle

2017-03-09 11:17:55

Force-Text in einem div nur zu brechen, nachdem es bis zum Ende des div

Antwort

Verwandte Themen