跨越宽度

Question

我在 th 中有 span 元素的表格。 我希望跨度宽度匹配th，但实际上它填满整行：（。

我的代码：

    for (var i = 0; i < testInfoFieldsNames.length; i++) {
       title = testInfoFieldsNames[i].toLowerCase();

       th = $('<th></th>');
       span = $('<span></span>').addClass('cell-container').text(title);
       th.append( span );
    }

    tableHeader.append(th);

的CSS：

.cell-container {
  position: absolute;
  display: block;
  top: 5px;
  left: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

如何设置跨度宽度仅填充 ？

Answer 1

请试试这个我认为这对你有用。

请查看此示例link

    for (var i = 0; i < testInfoFieldsNames.length; i++) {
       title = testInfoFieldsNames[i].toLowerCase();

       th = $('<th><span class="cell-container">'+title+'</span></th>');
    }

    tableHeader.append(th);

CSS

span.cell-container {
  display: block;
  top: 5px;
  left: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

Answer 2

我认为你应该给出一种风格：

{
  "publishOptions": {
    "include": [
      "wwwroot",
      "Views",
      ...
    ]
  },
}

Answer 3

标记'span'是内联元素。它没有宽度和高度。 您应该使用'div'或设置以下属性

display:block;