是否可以 right-align 只有 table header 的一个组成部分？
Is it possible to right-align only one component of a table header?
我正在尝试 right-align table 标题中的 Font-Awesome 图标，而标题文本是 left-aligned:
我在 <i> 元素上使用 hard-coded margin-left 值创建了上面的屏幕截图，但这并没有考虑更改 table 宽度。
是否可以使用 CSS 只 right-align table 标题的一部分？或者我是否需要根据当前 table 宽度动态设置 margin-left？
这里有一个 JS Fiddle 显示了我试过的 CSS 选项，包括图标上的 .text-right 和 .right（无效）
如果是图标，为什么不直接使用 float？
.my-icon {
display: block;
width: 10px;
height: 10px;
float: right;
}
当然不要忘记在容器上设置 overflow: hidden;。
如果将th设置为position: relative，则可以使用绝对定位来达到预期的效果。尝试类似的东西：
我正在尝试 right-align table 标题中的 Font-Awesome 图标，而标题文本是 left-aligned:
我在 <i> 元素上使用 hard-coded margin-left 值创建了上面的屏幕截图，但这并没有考虑更改 table 宽度。
是否可以使用 CSS 只 right-align table 标题的一部分？或者我是否需要根据当前 table 宽度动态设置 margin-left？
这里有一个 JS Fiddle 显示了我试过的 CSS 选项，包括图标上的 .text-right 和 .right（无效）
如果是图标，为什么不直接使用 float？
.my-icon {
display: block;
width: 10px;
height: 10px;
float: right;
}
当然不要忘记在容器上设置 overflow: hidden;。
如果将th设置为position: relative，则可以使用绝对定位来达到预期的效果。尝试类似的东西：