Javascript 宽度内跨距

我有一张在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);

---

如何将“跨距宽度”设置为仅填充th？

请尝试此项，我认为此项适用于您

请检查这个例子

---

请试试这个，我想这个对你有用

请检查这个例子

---

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

display:block;

---

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

display:block;

---

我认为你应该给它一种风格，比如：

th{
  position:relative;
}

---

我认为你应该给它一种风格，比如：

th{
  position:relative;
}

---

---

你的span看起来可疑地像一个

div

这是一个

div

内部变量

span

，你确定这是对的吗？@RoryMcCrossan你真漂亮！你是对的，它在我尝试的过程中被更改了。。谢谢。@rkfred请尝试下面的解决方案，或者干脆替换CSS我认为它对你有用你的span看起来可疑地像一个

div

这是一个

div

内部变量

span

，你确定这是对的吗？@RoryMcCrossan你真漂亮！你是对的，它在我尝试的过程中被更改了。谢谢。@rkfred请尝试下面的解决方案，或者干脆替换CSS。我认为它对你有用谢谢你的回答。它的工作原理与上面的代码一样。它确实是一个解决方案pEnd'th带有span。但是span仍然填充整行而不是单元格。@rkfred问题在于CSS位置标记，请将其删除或替换为“位置：相对”@rkfred正在工作请编辑CSS并尝试查看附加链接的更多详细信息谢谢。它确实在工作。但现在我有了新问题：我希望文本溢出为省略号，这对绝对位置有效……。你知道如何解决这两个问题吗？@rkfred请将上述解决方案作为答案屏蔽，以便它可以帮助其他人如果这真的对你有帮助，请投赞成票。谢谢你的回答。它的工作原理与上面的代码一样。它确实是用“span”附加“th”。但是span仍然填充整行而不是单元格。@rkfred问题在于CSS位置标记，请将其删除或替换为“position:relative；”@rkfred正在工作请编辑CSS并尝试查看附加链接的更多详细信息谢谢。它确实在工作。但现在我有了新问题：我希望文本溢出为省略号，这对绝对位置有效……。你知道如何解决这两个问题吗？@rkfred请将上述解决方案作为答案屏蔽，以便它可以帮助其他人如果这真的对你有帮助，请投赞成票。谢谢！我确实在css中使用了这个属性，但是span width仍然填充了整行。谢谢！我确实在css中使用了这个属性，但是span width仍然填充了整行。谢谢！这确实解决了问题！你知道解释为什么吗？不要为元素留空间。相反，请定位我t位于相对于其最近定位的祖先（如果有）的指定位置，或相对于初始包含块的其他位置。绝对定位的框可以有边距，并且它们不会与任何其他边距一起折叠。@rkfred[你可以在这个网页上找到答案谢谢！这确实解决了问题！你知道解释原因吗？不要给元素留空间。相反，请将元素放置在相对于其最近位置的祖先（如果有）的指定位置，或者相对于初始包含块的指定位置。绝对位置的框可以有边距，并且它们是空的o不要与任何其他页边距一起折叠。@rkfred[u可以在此网页中找到答案

th{
  position:relative;
}