动态文本适合div

Question

<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 class="post_body"是什么保存用户信息,目前,说"TESTBOX"的一个.现在,我遇到的问题是,当用户写入超出宽度的消息时div,它只是继续前进,它不会碰到第二行.

这是我想要实现的两件事:

1. 我想确保当文本不适合水平时,它会进入同一div内的第二行.
2. 我想缩小文本,如果它需要两行,那么post_bodydiv 的高度每次都可以保持一致.

我怎样才能做到这一点？

谢谢!

Answer 1

没有人这样做，所以我会这样做。

我使用了评论中提到的这个，它有效。

自动调整动态文本大小以填充固定大小的容器