問題タブ [css-tables]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - CSS によるインライン ブロックとテキスト ラッピング
チェックボックスを表示し、その後にその下に回り込むテキストを表示したいと考えています。CSS を含まない HTML は次のようになります。
次のように表示したい：
現在、このようにラップアラウンドしています
これはテーブルで簡単に行うことができますが、他の理由で CSS にする必要があります。DIV の代わりに display: inline-block / float: right / clear / spans の組み合わせが機能すると考えましたが、これまでのところ運がありません。
css - 複数行のテーブルは常にコンテンツを垂直方向に中央揃えにします
基本的に2行のテーブルがあり、次のようになります。
私の問題は、2行目が次のように垂直方向に自動中央揃えされることです。
どのように今私はそれがちょうど他のサイズになるまで段落を追加しています：
CSSを使用してこれを正しく行うにはどうすればよいですか？
css - HTML と CSS - div を垂直方向に配置する
左側に div があり、右側にテキストがあります。テキストの長さは 2 行または 3 行にすることができ、左側の div をそのテキストの垂直方向の中央に配置したいと考えています。私はオンラインで調べましたが、テーブルを使用せずにこれを行う方法はすべて複雑なようです。これを行う簡単な方法はありますか？
ほとんどの提案は、 「CSS テーブル」を使用するhttp://www.jakpsatweb.cz/css/css-vertical-center-solution.htmlを指しているようです。CSS テーブルは進むべき道ですか? それは、HTML テーブルを使用するよりも本当に優れているのでしょうか?
html - CSSテーブルセルのテーブル要素は、他のテーブルセルの内容をオフセットします
div内の次のテーブル要素により、"center"div内のコンテンツが"left"上から数ピクセル（ブラウザでは8ピクセル）オフセットされます。表の前にテキストを追加すると、このオフセットが削除されます。
なんで？テーブルの前に「ダミー」のテキスト行を必要とせずに、これが発生しないようにするにはどうすればよいですか。
Update0
フロートを使用すると、中央の列をそのコンテンツに拡張することができないことに注意してください。この例を抽出したソースはdisplay: table; margin-left: auto; margin-right: auto;、すべてを体の中心に置くために使用します。
html - オーバーフローの有効化: 幅 100% のテーブル セルにスクロール
私は次のことをしようとしています: http://www.pastebin.org/113337
なぜスクロールが行われないのだろうか？テーブルを伸ばすだけです。white-space: nowrap の有無にかかわらずコードを実行してみて、どのように異なるかを確認してください。nowrap を適用するたびに、テーブルが引き伸ばされます。どうすればこれを回避できますか?
css - フォームの表レイアウトを置き換える CSS
私は他の質問を見てきましたが、これに対する解決策を見つけることができません。この画像を考えてみましょう:モックアップ http://img201.imageshack.us/img201/935/image2h.png
div をラップして縦に積み重ねたい。GREEN div は行のラッパーになります。BLUE div には、html ラベルとツールチップのアイコンが含まれます。ORANGE div には、何らかのエントリ (input、select、textarea) が含まれます。
これらのいくつかは、フォームを構成するために垂直に積み重ねられます。私は今これを行っていますが、コンテナ div の高さを指定する必要があり、コンテンツに応じて実際に変更する必要があります。画像やその他のものもここに着陸する可能性があります。
BLUE div に幅が設定されており、ORANGE は float:left です。div の高さを取り除き、コンテンツによって決定するにはどうすればよいですか? より良い方法はありますか？すべてを別のものに変更するのは難しく、すべての要素または何かをスタイルする方法が好まれます。
私が使用しているコードは次のようなものです：
CSS は次のようになります。
html - CSS による正しいテーブル レイアウト生成: 予期しないセルのシフト
CSSを使用して動的テーブルを生成しようとしています:
body のコンテンツは動的に生成され、表として表示されます。残念ながら、データが含まれている場合、各セルは下にシフトします。
どんな助けにも感謝します。
編集：
vertical-align: middle; を追加します。to div.celldiv 問題を修正しましたが、理由がわかりません。特に、コンテンツはまだセルの上部に配置されているためです。
html - ID またはクラスを使用せずに、テーブルの最初の行に境界線を設定します
ソースコードも持っていない Web アプリのスタイルを設定しようとしています。
だから私はDOMにドリルダウンしましたが、現在、すべての行に下の境界線が設定されています.最初の行だけが必要です.
これは可能ですか？
html - CSS を使用した表のセル間隔
セル間にスペースを追加することは可能ですか?
html - 表の列幅をコンテンツのサイズに合わせて調整する
フォーム(firebug ハイライトで td をホバー):
ラベル列 CSS :
問題:
左の列に見えない「パディング右」があるのはなぜですか? コンテンツに合わせて列を縮小することはできませんか?
- 編集 -
問題はテーブル自体でした。「幅：100％」でテーブルを定義しました。それを削除すると、問題はなくなりました。