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
VUE