如何在居中的html表格单元格中显示跨度而不移动所有其他文本

Question

我在html表格单元格中有一些文字。文本居中。

 <td colspan=7>This is the text<span >Loading . . .</span></td>

我想显示并隐藏位于文本末尾的跨度，但是当我这样做时，所有文本都会向左移动，因为它现在会重新显示整个可见文本。

无论如何，显示和隐藏跨度就像文本的结尾一样（没有移动和重新定位所有信息？）

Answer 1

仅限中心范围：

<table width="100%" border="1">
<tr>
    <td>
          This is the text
          <span style="display:block;width:100px;margin:0px auto;">Loading . . .</span>
     </td>
</tr>
</table>

Answer 2

尝试将范围样式设置为"float:right"

Answer 3

我相信你想要的是将css样式visibility: hidden;添加到你的范围内。根据{{​​3}}：

  

不可见的框仍会影响布局（将'display'属性设置为'none'以完全禁止框生成）。值具有以下含义：

这意味着隐藏跨度时，表格布局（列宽）不会改变。

Answer 4

由于您已将此标记为jquery且尚未发布任何代码。所以我假设你使用.text()方法来实现这一点，我会说使用.html()方法。