Как отобразить диапазон в центрированной 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

Так как вы отметили это как jquery и не опубликовали никакого кода.поэтому я предполагаю, что вы используете метод .text() для достижения этой цели, я бы сказал, вместо этого используйте метод .html().

Answer 3

Я верю, что вы хотите добавить стиль CSS visibility: hidden; к вашему диапазону.Согласно спецификации CSS :

Невидимые блоки по-прежнему влияют на макет (установите для свойства «display» значение «none», чтобы полностью запретить генерацию блоков).Значения имеют следующие значения:

Это означает, что компоновка таблицы (ширина столбца) не изменится при скрытии диапазона.

Answer 4

попытаться установить стиль диапазона как "float:right"