2011-12-07 7 views
0

htmlテーブルセル内にテキストがあります。テキストは中央に配置されます。他のテキストをすべてシフトすることなく、中央のhtmlテーブルセルでスパンを表示するには

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

は、私が表示し、テキストの最後に座っているスパンを非表示にしたいが、私は、テキストのすべてが左にオーバーシフトがあることを行うとき、それは今、全可視テキストをrecentersとして。 (?情報のすべてをシフトし、センタリングなし)

単なるテキストの終わりとしてスパンを表示し、隠すためにとにかくがあり

+1

これはhttp://jsfiddle.net/でセットアップできますか? –

答えて

2

中心のスパンとスパンのスタイルを設定してみてください:

<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> 
0

"float:right"

0

あなたが望むのは、あなたのスパンにCSSスタイルvisibility: hidden;を追加することです。 CSS specあたりのとおり:

目に見えないボックスはまだレイアウトに影響を与える(「none」に「表示」プロパティを設定し、完全にボックスの発生を抑制するために)。値には次の意味があります。

これは、スパンを非表示にするとテーブルレイアウト(列の幅)が変更されないことを意味します。

0

これはjqueryとしてタグ付けされており、コードを投稿していないためです。だから私はこれを達成するために.text()メソッドを使用していると仮定し、代わりに.html()メソッドを使用すると言います。

関連する問題