Html 表td中的文本框

我一直在一个金字塔网站上工作，我遇到了一个问题。我的

td

中有一个

textbox

，如果文本很长，则无法看到它。下面是它的外观：

正如您在那里看到的

level1

部分所示，如果我有一个像

somelongname forever

这样的名字，它将只被视为这样：

使用css或任何技巧是否有解决方法？顺便说一下，我正在使用

bootstrap

如果要查看我的表代码，请单击。我也在使用

twig

模板

---

目前，我已经在1级字段中使用了

textarea

您可以添加一个

溢出：滚动

允许滚动，或者您可以添加工具提示属性，这样当用户看到完整内容时，他们就可以看到完整内容。

如果它超过了可用的最大宽度，为什么不尝试省略号呢。也许可以尝试在工具提示中显示完整的名称

这也可以保持表的干净。

如果出现溢出，请将word换行

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

---

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

HTML

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

CSS

 $(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" );
        }
    });

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

---

检查

，视情况而定，您希望“修复”什么？您想让inputfield扩展还是只显示更多文本？@Patrick2607显示更多或更好的工具提示是个不错的主意。省略号是什么意思？@FewFlyBy:省略号的意思，试着添加这样的内容。截断{width:250px；空格：nowrap；溢出：隐藏；文本溢出：省略号；}所以，如果你的测试是类似“嗨，你好吗？”，那么它可能会变成类似“嗨，你好…”，然后可以在工具提示中显示完整的文本。：）什么东西真的不起作用？省略？或者工具提示？那是一个表格单元格，对吗？？如果是这样的话，让我试一试。看。。。我试着举个例子。。。文本太长，无法容纳，因为这是一个按钮而不是文本框。您应该使用textarea，然后我不想从不同字体大小的表中读取数据。我在表中尝试了该方法，但与在div@JuanMendes，我也不会，但考虑到我所能想到的问题。@FewFlyBy，我使用了一个id而不是一个类，所以可能只是检查了您是否更改了它。@FewFlyBy，您能在fidde中给我们一些html吗？