javascript - jQuery - 使 具有其内容的宽度

Question

如何将 pre 元素的宽度设置为其最长的行之一？

例如

<pre>
  a
  fuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
  bc
</pre>  

所以我希望 PRE 的宽度恰好是第二行文本的宽度...

如果屏幕宽度为1024像素，最长的行有2000像素，我希望pre有2000像素的宽度

Answer 1

你需要你的 friend ，inline-block。 Inline-block 适用于除 IE 7 和更早版本之外的所有内容。有一个 hack 可以让它也适用于它们，即 zoom 和 *display 属性，如下所示。

<style>
    pre{
        background:#ccc;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
</style>