2011-12-16 5 views
8

CSS3マルチカラムに最小の高さを追加できますか?CSS3マルチカラムに最小高さを追加

2行目に1行を強制するのではなく、テキストに4行しかない場合は、1列にすることをお勧めします。

Lorem ipsum dolor sit amet 
sodales id ipsum ipsum mauris 
interdum qui congue 
nisl quis, turpis tristique 

ないこの:

Lorem ipsum dolor sit amet  nisl quis, turpis tristique 
sodales id ipsum ipsum mauris 
interdum qui congue 

何かアドバイス私はむしろだろう例えば

答えて

7

最小の高さはありませんが、段落の末尾にある列の最初の行の最小行数はorphansです(また、行の先頭には反対の...行があります)。段落はwidowsです)。これらはCSSのプロパティで、列はspecに準拠する必要がありますが、Chromeで簡単なテストを行いましたが、違いはありません。だから私はこれが実現するのを待たなければならないと思う。

それはセットアップする方法の例:列の

p.columns { 
    column-count: 2; 
    orphans: 3 
} 
+0

です。ありがとう@Nathan – uriah

+0

WebKitはオープンソースのプロジェクトです。あなた自身のソースコードを投稿することもできますし、まだ完了していなければバグを報告することもできます([Help The Community:Report Browser Bugs](http://coding.smashingmagazine.com/2011/09/07/help-the-community-report-browser-bugs /);) – FelipeAls

0

分の高さは、現在IEとFirefox 10でサポートされています。 Bug#55740 Bug#65691

+1

さらなる情報を与える他のリンクを与える – Parvathy

0

この2つのバグレポートですでに説明したようにWebkitのではしかし、テキストは私が知っている容器の外側の右に溢れた、これは古いものです。しかし、私の研究では、この糸が最初に出てきたので、結果をもっと分かち合います。 column-fillと呼ばれるpartial supportedという属性があります。あなたと私が探していたものです。 部分的な手段は、あなたがブラウザ固有の接頭辞を使用する必要があります...ここで

column-count: 2; 
column-width: auto; 
column-fill: auto; 

これは吸う、なぜ一度私たちのすべてのそれをロールないMDN Docs

関連する問題