html - 2 つのテーブル TR を並べて配置する

Question

TD を TR 内に絶対配置しようとすると、TD の top: と left: の CSS プロパティが、直接の親 (position:relative セットの TR) ではなく参照としてページまたはテーブルに合わせて配置されます。

これが私のコードです。(この問題により、最初の TR が結果ウィンドウの下部にあることに注意してください) 行の 50% を占めるように TD を「見出し」テキストに合わせ、残りの 50% を占めるように「テキスト」に合わせようとしています。 .

これは、両方の要素を 1 つの TR 内に移動して 2 つの TD に配置することで実現できることを認識していますが、この場合、HTML コードはサーバー側で生成されるため、CSS を介してこれを実現しようとしています。基本的に、HTML コードを変更することはできません。

Answer 1

を使用しdisplay:inlineます。

table tr {display:inline}私はあなたのコードに追加しただけで完了です;）デモフィドル

しかし、実際にはレイアウトテーブルは悪であり、使用しないでください http://phrogz.net/css/WhyTablesAreBadForLayout.html