2

まず、Google とフォーラムで回答を探していましたが、見つかりませんでした。以前に質問された場合は申し訳ありません。回答にリンクしていただければ幸いです。

ここに私の問題があります: 私は内部にボタンを備えたテーブルで作られた Web 計算機を持っています。ここにリンクがあります。IEで開くとめちゃくちゃになるのでやめましょう。後で作業します。FF では、rowspaned ボタンは穴のセルを覆うために上下に伸びませんが、Chrome では意図したとおりに見えます。FFでも見栄えを良くするにはどうすればいいですか？レスポンダーに事前にthx。

4

3 に答える 3

1

ここで再ハッシュする必要がない多くの理由から<table>、 forレイアウトを使用することはお勧めできません。あなたにとって重要なのは、FireFox が他のブラウザーとは異なる方法でテーブルを表示することであり、そのアプローチではボタンを思い通りにレイアウトするのに苦労するでしょう。

代わりに、テーブルを捨てて、ボタンを絶対に配置するか、浮かせてください。

編集：フローティングレイアウトはうまく機能します：

http://jsfiddle.net/gilly3/7rL97/5/

JSFiddle のフレームは、クロムで表示すると表示が乱れますが、フレームの外側のクロムで表示すると、クロムでも正常に動作することがわかります: http://fiddle.jshell.net/gilly3/7rL97/ 5/ショー/

于 2012-07-23T06:44:04.997 に答える
0

これを読んでパディングを追加してみてください

padding: 18px 6px;

パディングはボタンを伸ばします

于 2012-07-23T06:52:07.773 に答える
0

@yekhezkel gilly3 はおそらく正しいでしょう。しかし、私はあなたの問題の解決策を見つけました。Firefox と Chrome で動作します。私はIEでテストしていません。

step1: を含むfixすべての にのクラスを追加します。このように見えるはずです。tdrowspan=2

<td rowspan="2" class="fix">
   <button onclick="modifyInout('+')">+</button>
</td>

fixステップ 2:クラスに次の css を追加します。

.fix {  
   height: 70px;  /* double the value of td height you specified earlier */
}

それが役立つかどうか教えてください。

これがjsFiddleです: (Firefox または他のブラウザで開いてテストします。)

よろしく:)

于 2012-07-23T06:58:24.230 に答える