0

如此处所示，我有一个带有块级文本区域的 Bootstrap 媒体对象。当overflow属性设置为 时hidden，如默认情况下在 Bootstrap 中，它显示得很好（如顶部 div 所示）。但是我需要设置overflow为可见才能使用这个选择库，当我这样做时，块级输入会扩展到 100% 并跳转到下一行。如何在不使用的情况下将图像和文本区域保持在同一行（文本区域填充其余空间）overflow: hidden？我知道如何使用绝对定位来做到这一点，但这只会带来更多问题。

这是引导程序默认工作的代码，但当我将溢出设置为可见时却没有。

<div class='media' style='border: 1px solid black'>
    <a class='pull-left' href='#'>
        <img class='media-object img-rounded' src='http://www.gravatar.com/avatar/4c13c80ca93c714560cd72e628d93939.jpg?d=identicon&s=64' />
    </a>
    <div class='media-body' style='overflow: visible'>
        <textarea class='input-block-level' style='height:64px' ></textarea>
    </div>
</div>
4

1 回答 1

0

我最终想出了一个简单的方法。那里的语义网纯粹主义者会讨厌我，但由于他们没有试图帮助我，所以他们没有意见。

<div class='media' style='border: 1px solid black'>
    <table>
        <tr>
            <td>
                <a class='pull-left' href='#'>
                    <img class='media-object img-rounded' src='http://www.gravatar.com/avatar/4c13c80ca93c714560cd72e628d93939.jpg?d=identicon&s=64' />
                </a>
            </td>
            <td>
                <div class='media-body' style='overflow: visible'>
                    <textarea class='input-block-level' style='height:64px' ></textarea>
                </div>
            </td>
        </tr>
    </table>
</div>
于 2013-08-28T17:54:38.100 回答