css-multicolumn-layout

0熱

1答えて

私の問題は、CSSの列のプロパティです。私は空白（<br>）行が右の列の最初の行として終わるのを防ぐ方法があることを思い出しましたが、私はそれを理解できないようです。列効果を作成CSS： @media (min-width: 1100px) { .inner_p, .introtext p { column-count: 2; break-after: auto

-1熱

1答えて

を1つの列に置くと、他の列の<a>要素が点滅します

<a>の要素を1つの列に置くと、別の列の要素<a>が点滅して別の列に表示されることがあります。 .cvtitle { font-weight: 400; text-transform: uppercase } #cvpress { -webkit-columns: 4 250px; -moz-columns: 4 250px;

0熱

1答えて

CSSの列が壊れる<figcaption>

figureタグのキャプションが付いた画像と少々の内容がペアになっているarticleがあります。 articleには、CSS3列で宣言された2つの列があります。しかし、は、figure内から引き出され、列を均一化しようとしています。 CSS article { -webkit-columns: 325px 2; -moz-columns: 325px 2; c

0熱

1答えて

CSSの回転がChromeの列レイアウトで機能しない

htmlノードでクリックしている一部のdivの変換を制御する必要があります。これらのdivがディスプレイの「インラインブロック」で表示されても問題ありませんが、css3の列レイアウトで折り返しても機能しません（最初の列を除いて）。最初の部分では、列のレイアウトで最初の列のみが動作します。フリップをクリックしてから「i work」をクリックし、CSSホバースタイルに注意してください。 2列目と3列

3熱

2答えて

どのようにオーバーフローするスタイルのテキストですか？

私は、動的に入力された列フォーマットのリストを持っています。通常、<li>ごとに1つまたは2つの単語がありますが、場合によっては長いリスト項目が表示されます。私のコラムを維持するために、私は省略記号を用いてこれらの長いアイテムの過剰テキスト隠すために選択した： li { white-space: nowrap; overflow: hidden; text-overf

3熱

3答えて

複数列ヘッダーを含む水平列

私は水平スクロール列を持っています。それらの内部にヘッダーを含むテキストがあります。ちなみに（しかし、私ができる最善のことは、次のとおりです。かそこら：私は、各ヘッダは、新しい列をforsingし、それにbeloning列の上のすべてのスペースをoccupiingようにする必要がありそれは）Firefoxで失敗：I tried to archive desired result using i

1熱

1答えて

CSSの列ルール対応のバグ

CSSを使用して3列のレイアウトを試していますが、列を分割する垂直方向のルールが必要です。 IFRAME内のこの例は、私が探していると完璧に動作するようです： http://www.webdesignerdepot.com/2013/03/how-to-use-css3-columns/ ソースHTMLはIFRAMEから削除されたときに、ウィンドウのサイズが変更されたときに問題が、ルールが見当違い

2熱

3答えて

順序付けられていないリストの先頭に、空白の項目がCSSの列数で残るのはなぜですか？

私は列に分割したい順不同リストを持っているので、私は、親のdivにCSS column-countを使用しています：しかし、何らかの理由で、これは中に空白行を残し <h1>Mushrooms:</h1> <div style="column-count:4"> <ul> <li>Porcini</li> <li>Shittake</li>

2熱

1答えて

列の内容を新しい列に折り返すのを止める方法はありますか？

中間の列の4つのクラスが最初の列のクラスの下にあり、「情報技術のトラックが構成されています...」が列の先頭に移動するようにします。どうすればいい？ここでを、この特定のページのための私のHTMLです：：ここで <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="cpsc.css">