表td内的文本框

Question

我一直在金字塔网站上工作，我遇到了问题。我的textbox内有td，如果文字很长，则无法看到。这是它的样子：

正如您可以在那里看到level1部分，如果我有一个像someLongnameforever这样的名字，它将只会看到这样：

使用css或任何技巧是否有解决方法？我顺便使用bootstrap。

如果您想查看我的表格代码，请点击this。我也在使用twig模板。

目前我已经在{1}}级别使用了textarea。

Answer 1

您可以添加overflow: scroll;以允许滚动，也可以添加工具提示属性，这样当用户可以看到完整内容时。

Answer 2

如果超过可用的最大宽度，为什么不尝试椭圆机。也许尝试在工具提示中显示完整的名称？

这样可以使桌子保持干净。

Answer 3

如果有溢出，

Demo将字换行到新行

button{ 
      word-wrap:break-word;
white-space: normal;
}

Answer 4

我想你可以做这样的事情。 您应该能够更改示例以满足您的需求。

<强> HTML

<div id="fitin">
    <div>Lorem im Lorem im Lorem im Lorem im</div>
</div>

<强> JS

 $(function() {
        var $fitin = $('#fitin');
        var $fitindiv = $('#fitin div');

        $fitindiv.css('font-size', '1em');

        while( $fitindiv.height() > $fitin.height() ) {
            $fitindiv.css('font-size', (parseInt($fitindiv.css('font-size')) - 1) + "px" );
        }
    });

<强> CSS

#fitin {
    width: 100px;
    height: 30px;
    border: 1px solid black;
    overflow: hidden;
    font-size: 1em;
}

检查fiddle