表格內的文本框td

我一直在金字塔網站上工作，並遇到問題。我的td中有一個textbox，如果文本很長，則無法看到。這裏是什麼樣子：表格內的文本框td

正如你可以看到level1部分在那裏，如果我有一個名稱，如someLongnameforever，它只會被看作是這樣的：

有沒有解決這個使用CSS或任何技巧？順便說一句，我正在使用bootstrap。

如果你想看到我的桌子代碼，點擊this。我也使用twig模板。

現在我已經使用textarea爲1級領域。

來源

2015-08-28 FewFlyBy

這取決於，你想要什麼'固定'？你想要擴展inputfield還是隻想顯示更多文本？ – Patrick2607

@ Patrick2607顯示更多或更好的 – FewFlyBy

您可以添加overflow: scroll;允許滾動或者你可以添加一個工具提示屬性，所以當用戶然而，他們將看到的全部內容。

來源

2015-08-28 11:19:31

您的意思是提示？ – FewFlyBy

你爲什麼不嘗試，如果超過其可獲得的最大寬度ellipsing。也許嘗試在工具提示中顯示完整的名稱？

這將保持表格清潔。

來源

2015-08-28 11:19:56 Shivi

Tooltip是一個不錯的主意。你的意思是什麼橢圓形？ – FewFlyBy

@FewFlyBy：Ellipsing意義，嘗試添加這樣的事情 .truncate { 寬度：250像素; white-space：nowrap; 溢出：隱藏; text-overflow：ellipsis; } 所以，如果你的測試是一樣的東西「嗨，你好嗎？」，那麼它有可能成爲像「嗨，怎麼......」，然後就可以顯示工具提示的完整文本。 :) – Shivi

它不起作用 – FewFlyBy

Demo包字新行，如果有溢出

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

來源

2015-08-28 11:22:40

這不起作用胸罩 – FewFlyBy

http://jsfiddle.net/yousafzainasir9/a6x3u3qt/1/ –

它在這裏工作 –

我想你可以做這樣的事情。您應該可以更改示例以適合您的需求。

HTML

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

$(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

來源

2015-08-28 11:43:34 R4nc1d

我不想讀數據不同字體大小的桌子 –

我在桌子上試過了，它不像預期的那樣工作，就像div – FewFlyBy

@JuanMendes，我也不會，但是考慮到我能想到的問題。 – R4nc1d

表格內的文本框td

回答

相關問題