Ich habe endlich diesen coolen kleinen Twitter-Vogel, der den neuesten Tweet in meinem Feed anzeigt.
Mein einziges Problem ist die Platzierung des eigentlichen Tweets. Da sich die Anzahl der Zeichen in jedem Tweet ständig ändert, dehnt sich der Kasten vertikal aus (vergrößert sich in der Höhe) und lässt das Bild manchmal unschön aussehen/verfälscht den Effekt.
Ich bin immer noch nicht sehr gut in CSS, also bin ich mir nicht sicher, ob ich etwas Einfaches übersehe, aber hier sind zwei Beispiele, um euch dieses Konzept zu veranschaulichen.
21 Zeichen Tweet TEST:
140-Zeichen-Tweet-TEST:
Hier ist der Code, den ich verwende (beachten Sie, dass das "lowerleft" div durch ein externes CSS gestylt wird):
<div id="lowerleft">
<div id="twitterbutton" style="z-index:100;padding-left:50px;padding-top:75px">
<div class="tri"style="width:160px;"id=”twitter_update_list”>
<div id="twitter_div">Latest Tweet:</div>
<br />
This is a test. TEST.
</div>
</div>
</div>
Falls ich mich nicht genau ausgedrückt habe, lassen Sie es mich ein letztes Mal versuchen:
Gibt es irgendwie einen Anker in css zu setzen, um sicherzustellen, dass mein div nicht vertikal in Richtung der negativen auf der y-Achse wachsen, aber für sie vertikal nach oben in die positive y-Achse Richtung zu erweitern?