問題タブ [two-columns]
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.
javascript - CSSまたはJavaScriptによる自動2列
私は現在ウェブサイトを開発していますが、クライアントはさまざまな記事のテキストを2つの列にオーバーフローさせたいと考えています。新聞のようなものですか?したがって、次のようになります。
[書くものを考え出すのに本当に悪い試み]
CSSだけでこれを行う方法はありますか?複数のdivを使用する必要はありません。私もJavaScriptを使用することに積極的ですが、それは本当に苦手なので、助けていただければ幸いです。JavaScriptがコンテンツdivにある<p>の数を数え、それに基づいてそれらの後半をフロートするように移動できるのではないかと考えていました。多分?アドバイスをいただければ幸いです:D
overflow - 2 列のオーバーフロー
最大幅 700px の 2 列のコンテンツ領域と、それぞれ最大幅 340px の 2 つの列を内部に作成したいと考えています。ここにキャッチがあります....最初の列のコンテンツを約300pxの高さの後に2番目の列にあふれさせることはできますか? もしそうなら...どうやって?ありがとう。
css - CSS: 2 つの列 (固定/流動) - 同じ高さ
この単純なことを行うための最良の方法は何ですか?
- 左の列、固定幅、背景は黄色
- メイン列、画面の残りの部分
メイン列には不定の長さのテキストが含まれます。コンテンツが何であれ、左の列をメインと同じ高さにしたいと思います。ヘッダーもフッターもありません。画面が 2 つに分割されているだけですが、左側はメインが占めるすべてのスペースを埋める必要があります。ジャバスクリプトなし。
ありがとう。
編集:これ(非常に基本的なレイアウト)は、背景画像やばかげたマージン値などのトリックなしで実行できますか? 私は軽蔑されたテーブルのアプローチから移行しようとしていますが、これまでのところ、CSS のみのレイアウトでは、最も簡単なことを行うためにさえ、常にいくつかのトリックが必要であることがわかりました。
javascript - CSSで2列のテキストを自動的に流す
次のようなコードがあります。
できればマークアップなしで、このテキストを 2 つの列 (左側に 1 ~ 3、右側に 4 ~ 6) に流し込みたいと思います。a を使用して列を追加することを躊躇する理由<div>
は、このテキストがクライアントによって WYSIWYG エディターを介して入力されるためです。
html - cssレイアウトの質問(列について)
私はこのHTML構造を持っています
そしてCSS:
ヘッダーとフッターは問題ありませんが、質問はメニューとコンテンツのdivから来ています。
'menu' divは、スクロールせずにヘッダーからフッターに入力する必要があります
「コンテンツ」は、必要に応じてスクロールを表示する必要があります。
それらのためのどのCSSコードがそれを現実のものにしますか?
ありがとう
sql - 順列ではなく、列のGROUPの組み合わせ
私が取り組んできたウェブサイトでは、ユーザーはテーブルにデータを送信することが許可されており、データを送信するときに、2人がデータの取得に取り組んでいるため、パートナー名を尋ねられます。私はハイスコアの表を作成しようとしています。これは、表に最も頻繁に表示されるパートナーと提出者の組み合わせ(順列ではない)である上位のパートナーシップをリストしたものです。
GROUPコマンドはこれには最適ですが、組み合わせ/順列の問題で少し問題が発生しました。現在、それらをグループ化すると、送信者とパートナーの順列のみがチェックされ、組み合わせはチェックされません。問題は、パートナーシップが1人が提出者であり、もう1人がパートナーであるということを交互に選択することが多いため、実際には、プルできるGROUPの2つの可能な順列があります。
現在、提出者とパートナーの順列の1つのハイスコアテーブルと、パートナーと提出者の順列の別のハイスコアテーブルをプルするコードがあります。パートナー=送信者または送信者=パートナーの場合、これらの結果(おそらくグループ化されておらず、順序付けされていない)を結合し、グループ化してから降順で並べ替える必要があります。
上記のコードは、送信者とパートナーの特定の順列のカウントを含むテーブルを返しますが、同じ2人がパートナーと送信者であり、切り替えたばかりの場合、それらは同じグループとしてカウントされません。
誰かがこれのコードを知っていますか?
css - 背景画像を 2 つの列の左側の中央に配置する
私は大きな画像といくつかのテキストを 2 つの列にレイアウトしたいと考えています。どちらも 50% 幅で、右側の列にテキストを、左側の列に画像を配置します。左側の列が右側のテキストから高さを取得し、画像の中心が垂直方向と水平方向の両方で左側の列の中心になるようにします。
だから、このようなもの:
左側の列の高さを右側の列の高さと一致させるための標準的な方法は、コンテナ div を両方の列の周りに配置して、左側の列がその中の全高になるようにし、右側の列が上にくるようにすることです。左の。だから、このようなもの。
しかし、どうすれば画像の中心を左側の列の中心に合わせることができるでしょうか? 高さを正しくするには、コンテナー div に右の列を含める必要があるようですが、左の列の水平方向の中央に画像を配置するには、それを除外する必要があります。
理想的には、JavaScript を使用せずにこれを行いたいです。
windows-phone-7 - Windows Phone 7 - 2 列のリストボックス
次のようにデータを 2 つの列のリストボックスにバインドする方法:
| | アイテム1 | アイテム2 |
| | アイテム3 | アイテム4 |
| | アイテム5 | アイテム6 |
| | アイテム7 | アイテム8 |
ItemX は、データソースからのボタンまたは img です。
WP7アプリケーションでやりたい。
ありがとうございました。
iphone - 2列のUITableViewControllerリストを作成するには?
テーブル ビューに 2 列のリストを表示する必要があります。drawRect ( here )をオーバーライドしてグリッドを作成することに関する関連記事をいくつか読みました。ただし、ペン先でIBを使用してセルを設計し、ロードして各行に2つのセルをプッシュする簡単な方法を探しています。drawRect の例は、位置を手動で設定する必要があるため、適切ではありません。これらの 2 つのセルを自動サイズ調整でプッシュする必要があるだけです。出来ますか?
私は(cellForRowAtIndexPathで)次のようなものを探しています:
これらの 2 つの列に 2 つの別々のペン先を用意する必要はありません。すべての列は他のデータと同じ形式であるためです。何か案は?
更新:直感的に、私は次のようなことをしようとしています:
それは私が今遊んでいる生のプロトタイプです。しかし、実行時にコードがクラッシュし、「キャッチされていない例外 'NSInvalidArgumentException' が原因でアプリを終了しています。理由: '-[UIView setTableViewStyle:]: 認識されないセレクターがインスタンスに送信されました」
UPDATE 2.より実用的に見えるようにコードを変更しました。奇妙ですが、何度か試行した後、アプリはクラッシュせずに動作しましたが、すべてのセルに奇妙な黒い背景がありました。コードは次のとおりです。
私は twoColumnRowView を再利用していませんが、他の両方で再利用しています。
iphone - データベースを読み取り、テキストを2列に入力して入力し、残りのiPadも同じにします。
たくさん検索したところ、問題の答えが見つかりませんでした。
本のように、2ページ、それぞれ1列のiPad用アプリを作成したいと思います。
データベースからいくつかのテキストを読んだ後、2つのページを(適切な量のテキストで)実行し、残っているものを次のページに保存したいと思います。テキストの間にいくつかの画像を表示します。各ページに収まるようにテキストと画像を作成する必要があります。
UIWebViewを使用してテキストを保持することを考えています。
私の問題は、各ページに必要なテキストと残ったテキストの量を計算することです。
私がそれをするのを手伝ってくれませんか?
ありがとう
絶頂
編集:
テキストの間にいくつかの画像を表示します。各ページに収まるようにテキストと画像を作成する必要があります。