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 |