<div rownumber="0" messageid="141" class="post" style="position: relative; top: 0px;">
<div class="post_body">testbox</div>
<div class="post_info" style="top: 0px;">
<ul>
<li class="vote" id="voteli"><a href="#">vote up</a></li>
<li class="flag" id="flagli"><a href="#">flag</a></li>
</ul>
</div>
</div>
因此,這些div在運行中生成,並放置在前端的容器div
中。這些在後端生成,並通過Json作爲HTML返回。將動態文本裝入div
div class="post_body"
是持有用戶消息的東西,當前是「testbox」。現在,我遇到的問題是,當用戶寫入延伸超出div
寬度的消息時,它只會繼續前進,不會碰到第二行。
這裏是兩件事情我想實現:
- 我想確保當文本不適合水平,它會在同一div內的第二道防線。
- 我想縮小文本,如果它需要在兩條線上,那麼
post_body
div的高度每次都可以保持一致。
我該怎麼做?
謝謝!
對於第一點:如何使用自動換行:斷字; ? – Mac 2011-06-15 21:06:34
對於字體大小:http://stackoverflow.com/questions/687998/auto-size-dynamic-text-to-fill-fixed-size-container – 2011-06-15 21:08:20
http://stackoverflow.com/questions/687998/auto- size-dynamic-text-to-fill-fixed-size-container - 讀這個。至於1) - CraigW說的。 – 2011-06-15 21:09:10