問題タブ [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.

0 投票する
2 に答える
30321 参照

wpf - XAML でウィンドウまたは画面のサイズに応じてグリッド列の MaxWidth を設定する方法

ウィンドウに 3 列のグリッドがあり、最初の列に GridSplitter があります。最初の列の MaxWidth を親 Window または Page Width(またはActualWidth) の 3 分の 1 に設定したいのですが、可能であれば XAML でこれを行うことをお勧めします。

これは、XamlPad (または同様のもの) で再生する XAML のサンプルであり、私が何をしているかを示しています。

ご覧のとおり、右の列の幅は最初の列の幅にバインドされているため、スプリッターを使用して左の列をスライドすると、右の列も同じことを行います:) 左の列を右にスライドすると、最終的にはページ/ウィンドウの半分を超えてウィンドウの右側にスライドし、列 2 と 3 を押しのけます。

列 1 の MaxWidth をウィンドウ幅の 3 分の 1 (またはそのようなもの) に設定することで、これを防止したいと考えています。これはコード ビハインドで非常に簡単に実行できますが、「XAML のみ」で実行するにはどうすればよいですか?

編集: David Schmitt は、バインドの代わりに SharedSizeGroup を使用することを提案しました。これは優れた提案です。私のサンプルコードは次のようになります。

0 投票する
7 に答える
866 参照

javascript - Operaのjqueryでコンテナ幅を32767以上に変更します

jqueryを使用してミニタイムラインを作成し、このタイムラインの幅を32767ピクセルより大きくしたいと思います。Operaでjqueryを使用して変更$(".timelinecontainer").width(32767);しても変更されませんが、他のブラウザでは機能します。

Operaで動作させるためのアドバイスをいただけますか?

0 投票する
6 に答える
13278 参照

wpf - WPFDataGrid同期の列幅

2つのWPFツールキットがDataGridsあります。ユーザーが最初のグリッドの最初の列のサイズを変更すると、2番目のグリッドの最初の列のサイズが変更されるようにします。2番目のグリッドの幅を最初のグリッドの適切な列にバインドしようとしましたDataGridColumnが、機能しません。すべてのxamlを使用したいのですが、コードビハインドを使用しても問題ありません。

Widthの代わりににバインドしようとしましActualWidthたが、どちらも機能しません。

どんな助けでも大歓迎です。

0 投票する
4 に答える
15066 参照

javascript - JavaScript - 実際の画像の幅と高さを取得する関数 (クロス ブラウザー)

JavaScript関数で実際の画像の幅と高さ(クロスブラウザ)を取得するには?

0 投票する
2 に答える
491 参照

css - CSS:テキスト付きのリキッドバーが拡張されない

のが与えられた水平バーがありwidthます100%978px横棒の中に、コンテナ内で左揃えのテキストがあります。ブラウザウィンドウが縮小されて978px幅が狭くなると、ページの下部にスクロールバーが表示されます。右にスクロールすると、バーはページの幅にまたがらず、代わりに残されます。なぜこれが起こるのかは理解していますが、それを修正するために何をすべきかわかりません。何かアイデアがあれば教えてください。ありがとうございました!

サンプルページ

0 投票する
42 に答える
1706452 参照

html - div をその内容よりも大きくしないようにするにはどうすればよいですか?

次のようなレイアウトがあります。

私はdiv、私がなるまで拡大するだけにしたいと思いtableます。

0 投票する
6 に答える
1313 参照

php - MySQL 列幅を取得しますか?

MySQLの列ヘッダーテキストを実際の幅サイズのピクセルに何らかの形で変換できるかどうか疑問に思っていました。データベースから PDF を生成しようとしていますが、列幅を自動的に調整したいと考えています。多くのテーブルに使用するため、幅は異なる必要があるため、「この列のヘッダーは CompanyID と呼ばれるため、幅は 40 にする必要があります」のように表示できるはずです。このようなことを達成できますか?テキスト文字の長さを実際の幅に変換できますか?

ありがとう。

0 投票する
3 に答える
5766 参照

html - HTML/CSS: 最小幅で中央揃えの div を作成する

私のページにdivは、中央に配置され、特定の幅がありますが、コンテンツで必要な場合はその幅を超えて拡張したいと考えています。私は次のようにこれをやっています:

これは Firefox/Safari ではうまく機能しますが、IE6 では機能しませんdisplay: inline-block。これをIE6でも機能させる方法について何かアドバイスはありますか?

0 投票する
5 に答える
9449 参照

javascript - テーブル行 SHOW / HIDE *なし* 列幅のサイズ変更、TableLayout あり: auto

販売中のアイテムを表示する、複数の行を持つテーブルがあります。ユーザーが行をクリックすると、Javascript がアイテムの詳細を含む新しい行をそのすぐ下に挿入/表示します。問題は、説明が長い場合、列幅の再調整/サイズ変更が強制されることです。これは列の位置をずらし、特にユーザーにとっては非常に煩わしいものです。現在、table.style.tableLayout: auto があります。列がコンテンツに合わせて調整されるため、実際にはこの方法が好きです。

私の質問は、新しい行を挿入/表示するときに列が再調整/サイズ変更されないように、テーブルの列の幅を動的に「ロック」するにはどうすればよいですか?

私はもう試した:

  1. テーブルを動的に一時的に「tableLayout: fixed」に設定する
  2. 新しい行を挿入/表示する
  3. テーブルを「tableLayout: auto」に戻す

アクション 1 と 2 は FireFox では機能しますが、Safari と IE (6 と 7) では機能しません。ただし、3 つすべてを実行すると、列が大きく移動するのを防ぐことができます。

欲求不満がたまらない...たくさんの睡眠を失う...助けてください!

ありがとう。