全宽表，截断单元格

Question

我正在用HTML创建一个表格：

表格是：

<table class="table" style="font-size:22px; width:100%">

我希望所有内容都适合页面的宽度。如果它不合适，那么我希望用省略号截断团队名称。这可能与HTML有关吗？

以下是我迄今为止所做的尝试：

<style>
  table td {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
  }    
</style>

这是小提琴：http://jsfiddle.net/wn6c6yeL/

Answer 1

这是可能的。您只需向max-width添加td媒体资源即可。像这样：

table td {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    max-width:100px;
}

DEMO