問題タブ [column-count]

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 投票する
3 に答える
8429 参照

css - CSS 列の下部の余分なスペース

内部に画像を含むコンテナがあります。CSS 列とメディア クエリを使用して、レイアウトを決定します。一番下に段落タグを付けたところ、一番下に余分なスペースがあることに気付きました。これが私がこのフィドルで話していることです。http://jsfiddle.net/sEe7x/11/。黄色とオレンジ色のブレーク ポイントで奇妙なことが起こっています。誰がこれを引き起こしているのか知っていますか?

これが私のコードです

編集: 最初のフィドルが解決されました。実際のコードを取り除いて JS フィドルを更新し、問題を再現しました。私は SASS を使用しているため、CSS が出力されます。

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

sql - 同じテーブル内の列を数える

Access 2007 でキャッシュフロー計算書を作成しようとしています。これは、次のような数式を使用して Excel で簡単に実行できます。

しかし、アクセスに関しては、これに頭を悩ませているようには見えません。そして、データを入力するすべての会社にこれが必要です。キャッシュフロー計算書は次のようになります (まだ写真を投稿できないため)。

他の約 10 の項目が並んでおり、すべて 1 月から 12 月までのエントリがありますが、6 か月分のデータを取得することもあれば、12 か月すべてのデータを取得することもあります。(最初の列に項目があり、次の 12 ~ 13 列にヘッダーがある基本的な Excel シートを想像してください)。

アクセスでは、列を月として各アイテムのテーブルを作成しました。tblRcpt--> |rcpt_ID|Jan|Feb|... など、すべてのアイテムについて 12 月まで続きます。次に、それらを並べて、上記の表と同様に見えるように設計されたエントリ フォームに表示しますが、後でクエリを実行してそれらをリンクし、完全なキャッシュフロー ステートメントを表示します。

ここで問題が発生します。列を平均化する必要があります (一番右の列に表示されているように)。ただし、入力された月のみを平均化したい (経理では、列がない場合に「0」を入力することがあります)。 data)、そのため、列を合計して 12 で割ることはできません。それは動的でなければなりません。すべての機能は、列ではなく行のカウントと平均化を中心にしているようです。

私と一緒に耐えてこれを読んでくれてありがとう、どんな助けでも大歓迎です。

0 投票する
0 に答える
1088 参照

css - CSS3 column-count: 2 + height: 100% カットオフ画像

かなりの数の <div> が混在する段落 <p> 要素の束を表示する過程で、開いた本の効果でうまく表示されるように、 <html> を次のように設定します

と <body> へ

画像が切り取られて「次のページ」に表示されることを除いて、これらはすべてうまく機能します。つまり、画像が分割されて 2 列に表示されます。

設定してみた

画像の整合性を回復しようとしましたが、運がありませんでした。どんな助けでも大歓迎です。

ありがとう

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

html - CSS 3: Column-count で画像を使用すると、列の上部が整列しなくなりました

CSS3 の列数を使用しています。列のテキストに画像を挿入すると、列の上部が揃いません。

Windows 8 の IE 10、Firefox、Opera、Chrome では動作しません。

検索しましたが、この件に関するものは見つかりませんでした。私に何ができる?

よろしくお願いします

http://jsfiddle.net/lassebjensen/KeWX8/

HTML:

CSS:

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

css - column-count では、解像度が小さい場合、3 列から 2 列に動的に変更できますか?

このプロパティを使用して、column-count3 つの列に複数の div があるページを設定しています。これは、大きな画面で見栄えがします。各 div の幅は、たとえば 500px (含まれる画像) に固定されています。

ただし、小さい画面で作業している場合、ブラウザーはコンテンツを元の \3 列内に強制しようとしますが、2 列に移動する必要があります。コンテンツがオーバーラップし始めたときに、コンテンツを 2 列に移動する最適な方法はありますか?