2016-06-01 24 views
0

大家!這裏是我的戲劇:使用Bootstrap使TD適合內容使用

我有一個引導面板佔用頁面的三分之一(col-4-md)和裏面我有一個表只有tho TDs在每一行(TR)。

由於

1)欲第一TD要延伸到在第一列中的最長的文本的最大寬度,

2.)我想在第二列,以添加文本的如果包含的文本很長,則溢出:省略號。

做第二種方法的一種方法是添加表格佈局:固定,但我沒有找到第一個方法。

有什麼建議嗎?

這裏是一個CodePen例如:

codepen.io/brankoleone/pen/EyaVwY

回答

1

我玩一點點,並發現一種解決方案(在鉻測試):

  1. 除去 from .table-crm {
  2. add max-width: 0; to td + td {
  3. add width: 1%;white-space: nowrap;td:first-child {

編輯:繼承人的jsfiddle: https://jsfiddle.net/5t08tota/

+0

完美,它顯然就像我想,但我不明白,爲什麼'最大寬度:0;'使它可能 – Leo

+0

我也不太清楚:D只是用「文本溢出表」搜索,沒有看到用「table-layout:fixed」來完成它的任何方法。並在這裏找到它:http://stackoverflow.com/questions/9789723/css-text-overflow-in-a-table-cell –