Как скрыть Переполнение Строки таблицы?

Честно это зависит от того, что вписывается в Вашу среду лучше. Если Вы используете много инструментов Non-Microsoft, nunit, ccnet, ncover. Вы, вероятно, найдете лучшую поддержку с nant. Кроме того, при использовании MSTest, TFSBuild, Вы, вероятно, найдете MSBuild лучшей средой. Я изучил бы обоих и использование который каждый соответствия более гладко с Вашей средой.

55
задан Eric Leschinski 13 July 2015 в 22:47
поделиться

2 ответа

Необходимо указать два атрибута, table-layout: fixed в таблице и white-space: nowrap; на клетки. Вам также необходимо переместить overflow: hidden; в ячейки тоже

table { width:250px;table-layout:fixed; }
table tr { height:1em;  }
td { overflow:hidden;white-space:nowrap;  } 

Вот демонстрация . Протестировано в Firefox 3.5.3 и IE 7

97
ответ дан 26 November 2019 в 17:48
поделиться

Единственным недостатком (кажется) является то, что ширина ячеек таблицы идентична. любой способ обойти это? - Джош Стодола 12 октября в 15:53 ​​

Просто определите ширину таблицы и ширину для каждой ячейки таблицы

что-то вроде

table {border-collapse:collapse; table-layout:fixed; width:900px;}
th {background: yellow; }
td {overflow:hidden;white-space:nowrap; }
.cells1{width:300px;}
.cells2{width:500px;}
.cells3{width:200px;}

Это работает как шарм: o)

1
ответ дан 26 November 2019 в 17:48
поделиться