I believe that adding
-webkit-column-break-after: avoid;
-webkit-column-break-before: avoid;
-webkit-column-break-inside: avoid;
... will cover for Webkit browsers.
Rick Gordon
------------------
On 2/28/13 at 6:54 PM +0200, Jukka K. Korpela wrote in a message entitled
"Re: [css-d] prevent widows/orphans in columns":
>2013-02-28 18:26, Chip at Caliber Communications wrote:
>
>> http://shootata2-com.cccg-inc.com/AboutUs/ATABylaws,Rulebook,Forms.aspx
>>
>>I would like to use a 2-column layout in this dl, but need the individual
>>dt/dd groups to wrap as a unit (all or nothing). I am using some column
>>classes, but is there a better way to do this? For semantic accuracy, I
>>would like to avoid tables, but I'll do that if there's not a reasonable
>>other way to do it.
>
>If the content is not changed frequently (say, not more than once a month),
>the practical solution is probably to divide the content into two blocks
>statically and place them side by side using some technique (table,
>positioning, floating, whatever).
>
>Regarding semantic accuracy, <dl> markup does not say anything more about the
>content than <table> markup does. I'm saying this just because people so often
>avoid the simplest and most robust approach on highly theoretical grounds,
>based on wrong theories.
>
>But if you really want to use dynamic division into columns, with the CSS
>columns properties, accepting the implications on limited browser support,
>then the following rules would keep each consecutive dt, dt pair as a unit,
>per CSS3 drafts:
>
>dt { break-after: avoid; }
>dd { break-before: avoid; }
>dt, dd { break-inside: avoid; }
>
>Browser support is still limited (currently to IE 10 and Opera 11+), see
>https://developer.mozilla.org/en-US/docs/CSS/break-before
>
>Yucca
>
>______________________________________________________________________
>css-discuss [[email protected]]
>http://www.css-discuss.org/mailman/listinfo/css-d
>List wiki/FAQ -- http://css-discuss.incutio.com/
>List policies -- http://css-discuss.org/policies.html
>Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
___________________________________________________
RICK GORDON
EMERALD VALLEY GRAPHICS AND CONSULTING
___________________________________________________
WWW: http://www.shelterpub.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
