問題タブ [column-count]

column-count と -webkit-column-count を使用してレイアウトを作成していますが、複数回発生する問題が見つかりました。

この画像からわかるように、Chrome 45 (FF では発生していません) は要素の境界を壊します。これは非常に奇妙で、非常に厄介です。これはブレークが発生するコードの一部です (ただし、ここで発生しない理由はわかりません。違いはフォントと Mayers css reset がないことだけです):

しかし、うまくいきませんでした。何か啓蒙していただけませんか？

3 つの垂直 div を含む div があります。これらの内部 div 内には、column-count CSS プロパティを持つ div があります (うまく機能しています。以下を参照してください)。

例として、作業部分は次のとおりです (複数の画面サイズの場合)。

ページを印刷しようとすると、次のコードが機能しない理由を教えてください。

@media 印刷クエリが動作しています

例えば。

Mac OS X で Safari と FF を試してみました。

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

ツールチップで日付と時刻を形式で表示するハイチャートを作成しましたが、間違った日付と時刻が表示されています。

以下のコードを実行してください。

HTMLコード

Javascript コード

作業フィドルは ここに与えられています。

"column-count 3" を使用して、動画 ( 内) を 3 列のレイアウトに配置しました。そして、上から 2 番目または 3 番目のビデオの再生ボタンを押すたびに、前の列の一番下にジャンプしてしまいました。Chrome でのみ発生します。Firefoxでは、期待どおりに完璧です。

StackOverflow で見つけた同様の質問に関するすべてのヒントを適用しようとしましたが、どれもうまくいきません (ラッピング コンテナーへの translate プロパティの追加を含む)。それを手伝ってくれませんか？

これが私のコードです（ジェイド）：

サイズを変更して正しいアスペクト比を維持しながら柔軟にする必要があるため、固定の高さや幅に行くことは絶対にできません。そのため、適用される変更は可能な限り最小限に抑える必要があります。前もって感謝します！

を使用すると、オーバーフローしたコンテンツcolumn-countがトリミングされるようです。

結果：

これを修正する方法はありますか？

編集1：

Chromeのバグのようです。

ただし、Firefoxでは問題ありません。

編集2：