問題タブ [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 投票する
9 に答える
1453 参照

java - Swing LayoutManagerは適切ですか?

ここに来る前に作成されたアプリケーションにチェックボックスを追加する必要がありましたが、アプリが疑似絶対グリッドのような配置を試みるサードパーティのLayoutManagerを使用しているため、必要以上に困難でした。APIはひどいもので、2つ、4つ、または6つのパラメーターのコンマ区切りリストである位置指定文字列が必要です(これがなぜ変化するのかはまだわかりません)。むしろ、LayoutManagerにこれの多くを処理させたいと思います。とにかく、うなり声の仕事。私は常に、Swingが物事自体を配置できるようにすることで、私が生成できるものよりも優れた組織化につながったと感じてきました。CGIアプリケーションでも同じように感じました。チェックボックスやラジオボックスをテーブルでグループ化することを除けば、ユーザーが望むようにブラウザをフローさせてラップするだけです。

Swingに含まれているLayoutManagerの実装は適切ですか、それとも、この種の絶対制御を組み込んで、レイアウトを正確に希望どおりにする(そして、さらに100万以上の決定を下す)必要がありますか?

0 投票する
26 に答える
130378 参照

css - 長い単語がdivを壊すのを防ぐには?

TABLE レイアウトから DIV レイアウトに切り替えて以来、共通の問題が 1 つ残っています。

問題: DIV に動的テキストを入力すると、必然的に div 列の端を越えて伸びる非常に長い単語があり、サイトが専門的でないように見えます。

RETRO-WHINING : これは、テーブル レイアウトでは発生しませんでした。表のセルは常に、最も長い単語の幅に合わせて適切に拡張されます。

重大度: この問題は、最も主要なサイト、特に「速度制限」などの一般的な単語でさえ非常に長いドイツ語のサイト (「Geschwindigkeitsbegrenzung」) で見られます。

誰もこれに対する実行可能な解決策を持っていますか?

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

vb.net - フォームエディタの書き方は?

VB6またはVB.Netで印刷レイアウトエディターを作成しようとしていますが、開始に役立つ参考記事を探しています。

アイデアは、ユーザーが顧客の住所、請求書番号、行、合計などのボックスを描画できるようにすることで、請求書または明細書のレイアウトの印刷「領域」を定義するためにエディターを使用することです。プログラムは、翻訳方法を理解します。さまざまなボックスの寸法と位置を印刷場所に配置して、レイアウト定義ファイルに保存します。このファイルは、後でアカウントシステムがさまざまなレポートを印刷するために使用します。さまざまな理由で(主にアカウントシステムがWindows以外であるため)、テキストをWordまたは同様の製品に配置して、ドキュメントを印刷することはできません。もちろん、ドキュメントレイアウトファイルは手動で編集できますが、あまり使い勝手がよくありません。

ご想像のとおり、「フォームエディタ」や「レイアウトエディタ」などを検索すると、何百もの無関係な結果が得られます。イライラするのは、非常に関連性の高い記事を見たが、ブックマークを失ったことです。

私は誰かがいくつかのポインタを持っていることを望んでいます。


おかげで、これは私が想像したよりも複雑に聞こえます。vb.netでこれを行う方法がかなり明確だったので、失った元の記事を見つけられたらと思います。

これは印刷されたフォームのレイアウトなので、複雑さを大幅に軽減できると思います。実際には、各印刷領域のサイズと位置、フォント、配置、色の情報、場合によってはグラフィックのファイル名を保存するだけで済みます。ロゴが必要な場合。レイアウト定義ファイルの形式は完全に私の管理下にあります。

0 投票する
12 に答える
132718 参照

css - 2 つの div を別の div 内に水平に配置する方法

私は長い間 CSS で遊んでおらず、現時点ではリファレンスがありません。私の質問はかなり簡単なはずですが、グーグルでは十分な答えが得られません。それで、集合知に加えて...

それが私のレイアウトになりたいものです。見出しはともかく。サブタイトルにサブレフトとサブライトを含める必要がありました。div が別の div の属性によってバインドされるようにするために使用する CSS ルールは何ですか。この場合、サブ左とサブ右がサブタイトル内にとどまるようにするにはどうすればよいですか?

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

css - フォーム表示用のテーブルタグが悪い…でも、rtタイプのようなアンケートの質問はどうですか?

html でフォームを表示するときにテーブル タグを使用するのは悪い設計ですか?

要するに、この質問に対する受け入れられた答え: はい...

...しかし、次のようなものはどうでしょうか:

私は本当に別のより良い解決策を考えることはできません。この例は SurveyMonkey のもので、表も使用しています。

このようなリッカート型の質問にテーブル タグを使用するのは、やはり悪い設計ですか?

0 投票する
1 に答える
619 参照

ruby-on-rails - Rails のレイアウト機能を Apache Tiles で実装する

Ruby on Rails のレイアウト機能を Apache Tiles 2 で複製しようとした人はいますか? Tiles 2 を Spring と統合しようとしています。これを非常にうまく行うSpringフレームワーク用の以前に作成されたカスタムビューリゾルバーがありますが、Spring Webflow 2にアップグレードしており、Tiles 2を統合できる必要があります

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

css - CSS: 基本的なレイアウトの質問 - ネストされた要素を互いに保持する

div を互いに入れ子にしていて、内側の div の 1 つが浮かんでいる場合、外側の div はその周りに展開されないことがわかり続けています。

例:

内側の div をカバーするには、外側の div に何をする必要がありますか? IE: 境界線/背景色を全体に配置しますか?

また、私がここでぶつかっている一般原則はありますか? もしそうなら、それが何であるかをしっかりと理解するには、何を調べればよいでしょうか?

ありがとう!

編集

こんにちは、みんな、

答え、意味的に正しい、いいえ、そしてリンクをありがとう。

私は最終的な作業でオーバーフローを使用することになりますが、Ant P の回答は受け入れられたままにします。これは、実際に機能した最初の回答であり、意味論的感覚を害したとしても、短期間のジャムから抜け出すことができたからです。

まともなcssレイアウトに移行しようとしている長年のhtmlハックとして、私は確かに意味的に間違ったハックを使用して仕事を成し遂げることを理解し、共感することができますが、彼はこの後にその習慣を変えると確信しています= o)

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

html - さらに別の Div と Table の問題: フォーム

[メタノート:] 私は質問ページを閲覧していて、「DIVS vs Tables」「いつテーブル vs DIVS を使うべきか」「Divs は Tables よりも優れているか」「Tables vs CSS」と同じことを尋ねるすべての質問に本当にうんざりしていましたTHING OMG PEOPLEですが、「なぜテーブルをあきらめて使用する必要があるのか​​」という標準的な例の翻訳に人々が取り組むすべての方法を見たいと思います。

質問:テーブルを使用せずに上記を最適に (意味的に、単純に、堅牢に、流動的に、移植可能に) 実装するにはどうすればよいですか。まず第一に、単純な実装では最初の列に固定の列幅を使用していると思いますが、動的に生成されたコンテンツに対しては不確かな結果になる可能性があります。回答にアプローチの長所/短所を含めるとよいでしょう。

PS私がよく疑問に思っているもう1つのことは、垂直方向のセンタリングですが、そのハックはjakpsatweb.czでかなりよくカバーされています

編集: scunlife は、私が問題を慎重に考え出さなかった理由の良い例をもたらします。テーブルは複数の列を同時に整列できます。質問はまだ残っています (配置/レイアウトに使用されるさまざまな CSS 手法を見たいと思います) - 彼を処理できるソリューションはありますか? より複雑な例は間違いなく優先されます。

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

layout - 長方形を積み重ねて、可能な限り最も正方形のような配置にします

私の状況

  • 私はN個の長方形を持っています
  • 長方形はすべて同じ形状です(たとえば、幅2インチx高さ1インチ)-幅と高さについては、このサイズをSwおよびShと呼びましょう。
  • これらの長方形をグリッドに配置して、スプレッドシートに表示されるように、長方形が完全に上下に隣接するようにします。
  • 私が必要としているのはこれです:N、Sw、Shが与えられた場合、これらの長方形を可能な限り最も正方形のような配置に積み重ねる行(R)と列(C)の数はいくつですか。
  • R&Cは、必要以上のセルを提供する可能性があることを理解しています(たとえば、N = 15、Sw = 1、Sh = 1の場合、R = 4、C = 4の場合、15個の長方形に対して16個の「スロット」が生成されます。これで問題ありません。
  • Sw = Shの場合、私の謙虚な数学のスキルで十分です-長方形の幅と高さが異なる場合-率直に言って、それは私を超えています。

いくつかの注意事項

  • はい、私はこの質問を読みました:長方形を積み重ねてスペースをできるだけ少なくし、いいえ、それは役に立ちませんでした。また、それは同じ質問ではありません。その質問は、サイズが異なる可能性のある長方形に関するものです。この質問では、長方形のサイズは同じです。
  • はい、wolfram.comなどで検索しましたが、運がありません。
  • 私は数学のバックグラウンドがないので、この問題の言い回し自体が答えを見つけるのを妨げている可能性があります-タイリング、解剖、分解に関連する検索を試しましたが、そこでも成功しませんでした

いくつかの例

AaronofTomorrowの回答の実装

ウィルの答えに触発された別の実装(2008年12月8日に更新)-これは私が最終的に使用したものです

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

html - HTML を画像に変換するシンプルな HTML レイアウト エンジン

簡単な HTML を画像に自動的に変換するツールが必要です。単純なテキスト形式のタグと場合によっては画像リンクで構成される HTML 入力を制御します。任意の HTML をレンダリングできる必要はありません。これを行う簡単な方法はありますか?

Gecko や Webkit などの HTML レイアウト エンジンを見てきましたが、率直に言って、それらのオプションの多さに圧倒されています。完全な Web ブラウザは必要ありません。これらのエンジンをこのように使用することは可能ですか? 誰かが私を正しい方向に導くことができますか?

ブラウザショットのような他の可能性は、実際のブラウザのスクリーンショットに依存していますが、潜在的に多くのユーザーがいる Web サーバーでこのアプリケーションを実行する予定なので、パフォーマンスが重要であり、この種のソリューションは拡張できないのではないかと心配しています.

アイデア?

編集: 私のサーバーが Linux を実行していることを忘れて申し訳ありません。そのため、Windows ソリューションは役に立ちません。:)