複数列のレイアウトが機能していて、html テーブルで機能させたいと考えています ( http://lucas.ucs.ed.ac.uk/tutorials/CSS3_columns/を参照)。テーブルは次の列のためにカットされ、カットは列の真ん中になる可能性があります...そしてそれは恐ろしいものです.
一連の <p> 要素だけのページを持っていたときstyle="display: inline-block;"、段落の内容をまとめる簡単なトリックを使用して、段区切りを段落の間に強制しました。
当然のことながら、これはテーブルでは機能しません。
各 <td> のコンテンツを div に入れて、inline-block;"スタイルを適用しようとしました。応募してみました
{
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-moz-page-break-inside: avoid;
page-break-inside: avoid;
}
<tr> と <td> に - 喜びはありません。
CSS3 の複数列を使用するときに、HTML テーブルを行全体に分割するための提案はありますか