問題タブ [column-width]
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.
google-chrome - テーブルのセル幅を計算する際のchrome vs FF/IE/Opera? (テーブルレイアウト:固定)
私は今、ほぼ半日検索しました...しかし、指定された幅にパディングを追加しないIE8/FF3.6/Operaと比較して、chrome6/7が唯一のブラウザであるように見える理由を見つけることができませんでした表のセルの。
もちろん、table-layout:fixed を使用している場合、指定された px 幅に突然注意を払わなければならないため、これは非常に重要です。
最後に私の質問: Chrome の計算が異なる理由と、どのブラウザーが正しいか (標準準拠) を知っている人はいますか?
現時点では、私の唯一の解決策は、手動で幅にパディングを追加する chrome.css を使用した条件付きコメントです...震え...
(ところで: px 幅が適切な Web 開発ではないと言いたくなる人は誰でも... このページを静かに残してください)
追加: (返信に関して)
まず第一に、あなたの即時の返信に感謝します... 私はそれをできるだけ短くしようとしていました、そしてそこで私は事実を最小限に減らしました... しかし、あなたが言及したように、ウェブ開発には多くの変数があるので、明確にしようとしています...
css行を切り替えると
さまざまなブラウザーで、chrome にはパディングが幅内に含まれているのに対し、他のブラウザーではパディングが追加されていることがわかります。
それが明確にするのに役立つことを願っており、前もって
バーニーに感謝します
html - セル内のテキストの量に関係なく、表の列幅を一定に設定する
私のテーブルでは、列の最初のセルの幅を に設定しました100px
。
ただし、この列のいずれかのセルのテキストが長すぎると、列の幅が より大きくなり100px
ます。この拡張機能を無効にするにはどうすればよいですか?
css - 他のセルの動的幅を維持しながら、長いテーブルセルをワードラップする
セルの1つに長い行があるテーブルがあります。テーブルの幅が100%を超えないように、長い行を分割する必要があります。とを追加するtable-layout: fixed
とword-wrap: word-break
、長いセルがラップされることがわかりました。ただし、使用の副作用は、table-layout
すべての列の幅が同じになることです。
ここでその例を見ることができます:
最初の列の幅をその内容だけに合うように自動サイズにするにはどうすればよいですか?(つまり、この例では、1
と2
をその列に表示するのに十分な幅である必要があります。)
テーブル内のデータは動的にロードされるため、幅の値をハードコーディングするソリューションは、列の幅を事前に知る方法がないため、適切ではありません。私の唯一のオプションは、を使用することです。または他の要素<table>
を使用することはできません。<div>
html - IEで変更されるテーブルセル幅
IEで正しく表示されないかなり複雑なテーブルがあります。何らかの理由で、セル幅を無視し、一部のセルを指定したよりも大きく/小さくしています。
SafariとFirefoxで正常に動作します。
これは既知の問題ですか?もしそうなら、簡単な修正はありますか?
width - XSL-FO は、Apache FOP および XMLSpy で、広い領域本体を持つページマスターから狭い領域 (列幅の変更を含む) にフローすると、幅がオーバーフローします
XMLSpy で Apache FOP を使用して XSL-FO (Formatting Objects) を使用しています。
幅の広いリージョン ボディを持つシンプル ページ マスターを持つ最初のページから、狭いリージョン ボディを持つ 2 番目の (残りの) ページにコンテンツを流し込むと、2 ページ目のコンテンツの幅が上のコンテンツの幅と同じになります。本文からはみ出す1ページ目。これは、2 ページ目の列数を最初のページの列数より大きく設定した場合にも発生します。
使用可能な水平スペースが減少したことをエンジンに認識させ、それに応じて本文 (または列) の幅を調整するにはどうすればよいですか?
問題の例を次に示します (ページ 1 からページ 2 に流れるのに十分なテキスト コンテンツを含む XML ドキュメントで使用します)。
css - CSSを使用して異なる列で同じ幅
rside と lside としましょう。彼らは固定された高さを持っていません。それに応じて毎回幅を調整したい。したがって、lside が大きい場合、rside は同じ高さにする必要があります。
したがって、両方とも、それらの高い方に応じてある程度の高さを持つ必要があります。
html - HTML テーブル、見出しを追跡する水平スクロール、および垂直スクロール - テキスト幅の問題
今日の私の以前の投稿のいくつかを認識している場合は、まずお詫び申し上げます。私が書いた HTML がありますが、これが唯一の方法だと思われます。
- tbody を移動すると、それに続く水平スクロールにより、tbody と整列した状態が維持されます。
- 広告が表示されたままの垂直スクロール。
これを行う唯一の方法は、2 つのテーブルを使用することでした。これは機能しますので、お気軽に試してみてください。ただし、列の幅が、設定した width プロパティではなく、列内のテキストのサイズによって決定される方法に問題があります。誰でも助けることができますか?
列の幅が列の幅を意味するようにしたいだけです
編集: 1200 幅の理由は、オーバーフロー div 内の実際のサイズが 8x 150px であるためです。
html - 列のサイズを可能な限り小さくする
情報を含むテーブルと、機能を実行する最後の列のアイコンがあります。その列をできるだけ小さく(つまり、アイコンと同じくらい)強制できるかどうか疑問に思っていました。現在、取り除くことができない空白がかなりあります。幅 tp を 1% と 1px に設定してみました。強制的に小さくするにはどうすればよいですか?
ありがとう
javascript - IEのテーブルセルのフローティングDIV
まず最初に、私の英語でごめんなさい。純粋なJavascriptでドラッグ可能でサイズ変更可能なテーブル列を作成しようとしています。次の例に示すように、セル内に2つの領域を挿入しました。1つはドラッグ用(div)、2つ目はサイズ変更用(span)です。ChromeとFirefoxではすべて正常に動作しますが、IE8では正常に動作しません。
画像の「Column1」にあるように、divがセルに収まらず、セルの下にジャンプする場合、サイズ変更中に問題が発生します。プロパティ「overflow:hidden」で修正することをお勧めしますが、運がありません。
CSS:
JavaScript: