Hi,
I'm using v6 rev7 and have trouble using the column-break-before/after property. My code in html is as:
<div style="column-count: 2; column-gap: 1em; column-fill: auto;">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra libero ac diam. Suspendisse euismod. Phasellus porta. Nulla lectus augue, tincidunt ac, euismod quis, eleifend at, nisl. Vivamus eget diam sit amet dolor facilisis gravida. Phasellus faucibus, magna et tincidunt rhoncus, nibh arcu ultrices odio, ac ornare dui ipsum eget nisl. Curabitur nec massa. Aliquam orci pede, convallis sit amet, bibendum eget, feugiat eu, magna. In hac habitasse platea dictumst. Mauris tincidunt nisl nec felis.
</p>
<div style="column-break-before: always;">Test</div>
<p>
In imperdiet mattis arcu. Pellentesque porta sem in urna. Quisque vitae nulla. Integer eget velit. Suspendisse neque nulla, eleifend quis, consectetur et, consectetur a, dui. Vivamus odio lorem, sagittis vel, pellentesque id, facilisis et, tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus pretium semper massa. Vestibulum arcu magna, interdum vitae, commodo in, pulvinar non, nisi. Nunc volutpat nibh id libero. Suspendisse dui.
</p>
<p>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; .....
</p>
</div>
Is this correct as it seems column-break property is not applied to the div with text "Test"?
Thanks,
Somnath
I'm using v6 rev7 and have trouble using the column-break-before/after property. My code in html is as:
<div style="column-count: 2; column-gap: 1em; column-fill: auto;">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra libero ac diam. Suspendisse euismod. Phasellus porta. Nulla lectus augue, tincidunt ac, euismod quis, eleifend at, nisl. Vivamus eget diam sit amet dolor facilisis gravida. Phasellus faucibus, magna et tincidunt rhoncus, nibh arcu ultrices odio, ac ornare dui ipsum eget nisl. Curabitur nec massa. Aliquam orci pede, convallis sit amet, bibendum eget, feugiat eu, magna. In hac habitasse platea dictumst. Mauris tincidunt nisl nec felis.
</p>
<div style="column-break-before: always;">Test</div>
<p>
In imperdiet mattis arcu. Pellentesque porta sem in urna. Quisque vitae nulla. Integer eget velit. Suspendisse neque nulla, eleifend quis, consectetur et, consectetur a, dui. Vivamus odio lorem, sagittis vel, pellentesque id, facilisis et, tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus pretium semper massa. Vestibulum arcu magna, interdum vitae, commodo in, pulvinar non, nisi. Nunc volutpat nibh id libero. Suspendisse dui.
</p>
<p>
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; .....
</p>
</div>
Is this correct as it seems column-break property is not applied to the div with text "Test"?
Thanks,
Somnath