Dies ist die Wirkung Ich versuche zu erreichen:Wie man die Größe von div an die besten Inhalte anpasst, wie bei Facebook Chat?
Dies ist eine Facebook-Chat-Nachricht, bemerken, wie die Breite des Elements genau um ihre Textinhalte beruhen.
Wenn ich ändern Sie den Text, den ich innen schreiben, die Größe der <div>
Änderungen:
Ich versuche, das gleiche mit dem folgenden Layout zu tun:
<div>Test message that goes ontothenextline</div>
Und CSS:
div {
max-width: 190px;
// other arbitrary styles
}
Aber das ist wh Ich bekomme (als ein grundlegendes Beispiel): https://jsfiddle.net/dr76t4t7/
Wie kann ich die <div>
besser den Inhalt des Textes innerhalb machen?
Hmm Versuchen Sie, ich bin nicht ganz sicher, dass der Trick tut. Ich habe den Text in Ihrem JSFiddle ein wenig geändert, und es wurde so: https://jsfiddle.net/think123/q35qmkgx/4/ – think123
Ich habe gerade die Quelle von Facebook überprüft und es scheint, dass sie JavaScript verwenden, um diesen Effekt abzuziehen , bei der das Element so skaliert wird, dass es optimal in den Inhalt passt. – think123