CSS3 grid-columns ÊôÐÔ
ʵÀý
ÔÚ div ÔªËØÖв¿Ìí¼ÓÒ»¸öÍø¸ñÐУ¬¾àÓÒ²à 200 ÏñËØ´¦Ìí¼ÓÁíÒ»¸ö£¬ÔÚÓàÏ¿ռäµÄÖмäÔÙÌí¼ÓÒ»¸ö£º
div { grid-columns:50% * * 200px; }
ä¯ÀÀÆ÷Ö§³Ö
ĿǰûÓÐä¯ÀÀÆ÷Ö§³Ö grid-columns¡£
¶¨ÒåºÍÓ÷¨
grid-columns ÊôÐÔÍø¸ñÖÐÿÁеĿí¶È¡£
Ìáʾ£ºÊ¹ÓÃÍø¸ñϵͳ¶ÔÓÚ´òÓ¡Éè¼ÆÊ¦À´Ëµ¾ßÓо޴óµÄ¼ÛÖµ¡£ÏÖÔÚÏàͬµÄ¸Ä±ä±»Ó¦Óõ½ÔÚÏßÄÚÈÝÉÏ¡£Íø¸ñÊôÐÔÌṩÁËÔÚ¿ÉÉìËõÍø¸ñÖе÷Õû±êÌâ¡¢Îı¾ºÍͼƬ³ß´çºÍλÖõÄÄÜÁ¦¡£
ĬÈÏÖµ£º | none |
---|---|
¼Ì³ÐÐÔ£º | no |
°æ±¾£º | CSS3 |
JavaScript Óï·¨£º | object.style.gridColumns="50% * * 200px" |
Óï·¨
grid-columns: length|%|none|inherit;
Öµ | ÃèÊö |
---|---|
length | ²Î¿¼°üº¬¿éµÄÍø¸ñ¡£ |
% | ²Î¿¼°üº¬¿éµÄ¿í¶È¡£ |
none | |
inherit |