使用grid-auto-columns属性设置列的默认大小。
您可以尝试运行以下代码来使用CSS实现grid-auto-columns属性
<!DOCTYPE html> <html> <head> <style> .container { display: grid; grid-auto-columns: 100px; grid-gap: 10px; background-color:red; padding: 10px; } .container>div { background-color: yellow; text-align: center; padding:10px 0; font-size: 20px; } </style> </head> <body> <div class = "container"> <div class = "ele1">1</div> <div class = "ele2">2</div> <div class = "ele3">3</div> <div class = "ele4">4</div> <div class = "ele5">5</div> <div class = "ele6">6</div> </div> </body> </html>
以上就是CSS grid-auto-columns 属性的用法的详细内容，更多请关注编程之家其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
