問題タブ [layout]

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 に答える
1131 参照

javascript - ページに大きなテーブルがある場合、YUI レイアウト マネージャーを高速化できますか?

OK の速度で動作するように見える YUI レイアウト マネージャーを使用しています。ただし、ページに<Table>約 500 行の大きなページが含まれている場合、YUIrender()関数の実行には約 1長くかかります。

レイアウトマネージャーなしで同じページを開くと、1 秒もかからずに開きます。

私の唯一の懸念はIE 7です。Firefox で試してみたところ、わずか 3 秒しかかかりませんでした。

何がそんなに時間がかかっているのかについてのアイデアはありますか? テーブルを無視するようにレイアウトマネージャーに伝えることはできますか?

0 投票する
8 に答える
11045 参照

internet-explorer - CSS: 最小幅を尊重しない 2 つの 50% 流動的な列

代わりに、このレイアウトを 2 つの 50% 列幅で使用しようとしています。しかし、右側の列が「最小幅」に達すると、左側の列の下に移動するようです。「シム」手法を使用して最小幅をラッパーに設定し、両方の列のサイズ変更を停止する方法はありますか? したがって、右の列が左の列の下にあるという問題が解消されます。

マイページは以下の通りです。

問題は、左の列のサイズ変更が停止することですが、右の列が左の列の下に移動し、サイズが変更され続けることです。基本的に、私が望む効果は、ラッパーの幅がベローになると、左と右の両方の列のサイズ変更も停止することです。左右両方の列にシムを入れてもうまくいきませんでした。

2 つの 50% 幅の列を取得し、シムを使用して最小幅を適切に設定する別の方法はありますか?

ありがとうございました。

編集: minwidth クラスの空白は実際には   ですが、変換されました。;)

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

ruby-on-rails - Railsは、yield :areaがcontent_forで定義されているかどうかを確認します

実際のテンプレートが定義したものに基づいて、レイアウト レベルで条件付きレンダリングを実行したいのですが、content_for(:an__area)これを行う方法はありますか?

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

html - IE(7)でテーブルのレイアウトが間違っている

以下は、テーブルレイアウトを使用した単純なhtmlのコードです。FFでは、私が思うように見えますが、IE7ではそうではありません。私は何が間違っているのですか?

そして、どうすればそれを修正できますか?

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

wpf - ネストされたスクロール領域

WPFのコントロールを作成していますが、WPFの達人に質問があります。

サイズ変更可能なウィンドウに合わせてコントロールを拡張できるようにしたい。

私のコントロールには、ウィンドウで展開したいリストボックスがあります。リストボックスの周りに他のコントロール(ボタン、テキストなど)もあります。

コントロールに最小サイズを設定できるようにしたいのですが、コントロールを表示するためのスクロールバーを作成して、ウィンドウのサイズを小さくできるようにしたいのです。

これにより、ネストされたスクロール領域が作成されます。1つはリストボックス用で、もう1つはコントロール全体をラップするScrollViewerです。

これで、リストボックスが自動サイズに設定されている場合、ScrollViewer内で常にフルサイズで描画されるため、スクロールバーが表示されることはありません。

コンテンツを小さくできない場合にのみコントロールをスクロールさせたいのですが、それ以外の場合はコントロールをスクロールしたくありません。代わりに、コントロール内のリストボックスをスクロールしたいと思います。

ScrollViewerクラスのデフォルトの動作を変更するにはどうすればよいですか?ScrollViewerクラスから継承し、MeasureOverrideクラスとArrangeOverrideクラスをオーバーライドしようとしましたが、子を適切に測定して配置する方法がわかりませんでした。アレンジは、実際のコンテンツの子ではなく、何らかの形でScrollContentPresenterに影響を与える必要があるようです。

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

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

css - 要素の多い Web フォームの例はどこにありますか?

多くの入力フィールドを持つ優れたフォーム レイアウト (Web ベース) の例をいくつか見てみたいと思います。私は多くの Web アプリケーション開発を行っており、フォームの多くは入力要素が多いため、フォームを表示する方法について常に良いアイデアを探しています。たとえば、ページにいくつかのリスト ボックスと多数のテキスト ボックスといくつかのドロップ ダウンがあり、フォームの変更履歴が表示されます。

0 投票する
10 に答える
8826 参照

html - Web ページの最適な絶対幅はどれくらいですか?

流動的なレイアウトがオプションではないと仮定すると (それはまったく別の議論であるため)、サイト レイアウトの推奨される幅はどれくらいですか? 異なるサイズの長所と短所は何ですか?

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

c# - Windows フォーム レイアウト エンジン

WinForms でカスタム レイアウト エンジンを実装するためのベスト プラクティスを持っている、または知っている人はいますか? windowsclient.netのリンクを見たことがありますが、少し古くなっています (2001 年 9 月)。

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

layout - 言語ごとに個別の ASP ページを作成せずにバイリンガル サイトを作成する方法は?

テーブル レイアウトの問題を解決する方法についてのアイデアが必要です。選択した言語に応じて異なる列幅を設定したい。

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

apache-flex - 動的に配置されるフレックス コンポーネント

現在のプロジェクト (Flash Player で実行される Flex アプリ) で、アプリケーションの状態の特定の側面に基づいて他のすべてのコンポーネントを非表示にしながら、コンポーネントの任意のサブセットをフォームに表示する必要があります。約 12 種類のテキスト ボックスとドロップダウンがありますが、以前に入力したユーザー データに基づいて無関係になるものもあり、この特定のフォームに到達したときにそれらを表示したくありません。このフォームが表示されるたびに、これらのコンポーネントの多くの順列のいずれかを表示する必要があります。

この問題にアプローチする最善の方法は何かを決定しようとしています。必要なすべてのコントロールを備えたキャンバス (または他のコンテナー) を作成し、必要のないものに visible = false を設定する必要がありますか? 問題は、レイアウトが適切に見えるようにすることです。非表示のコントロールがあったはずの場所に隙間ができてほしくありません。

私が考えたもう 1 つのオプションは、TextInput や CheckBox などのコンポーネントを動的にインスタンス化し、container.addChild(control) を呼び出してコンポーネントを構築し、ギャップの問題を心配する必要がないメカニズムを持つことです。

これはフレックスで慣用的な解決策がある問題のようですが、それが何であるかはわかりません。これらのアイデアはどちらも素晴らしいとは思えないので、他の誰かがより良いアイデアを持っているかどうか疑問に思っています.