前言:
而今咱们对“html左对齐”都比较重视,大家都想要学习一些“html左对齐”的相关内容。那么小编在网络上网罗了一些关于“html左对齐””的相关文章,希望小伙伴们能喜欢,你们快快来了解一下吧!display: grid
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { display: grid; justify-content: space-evenly; grid-template-columns: repeat(auto-fill, 153px); grid-gap: 10px; width: 500px; } .box .box-info { position: relative; width: 153px; height: 140px; background-color: coral; } </style></head><body> <div class="box"> <div class="box-info"></div> <div class="box-info"></div> <div class="box-info"></div> <div class="box-info"></div> <div class="box-info"></div> <div class="box-info"></div> <div class="box-info"></div> <div class="box-info"></div> <div class="box-info"></div> <div class="box-info"></div> <div class="box-info"></div> </div></body></html>
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #html左对齐