热门标签
热门文章
- 1雨云游戏云VPS搭建MCSM面板和我的世界（MC）Paper服务器教程_mcsmanager 配置文件改不了
- 2Web3js 03: 访问区块链网络_前端web怎么调用区块链
- 3公考备考方法_申论老邹和小马谁教的好
- 4【DevOps】Linux网络桥接：实现灵活组网与虚拟机高效通信的关键技术_linux 桥接网络
- 5Vue3项目性能优化（图片压缩）_vite-plugin-image-optimizer
- 6redis.clients.jedis.exceptions.JedisException: Could not get a resource from the pool异常的解决方案
- 7图解支付-金融级密钥管理系统：构建支付系统的安全基石(3)
- 8FPGA时钟：驱动数字逻辑的核心
- 9从0开始学习 GitHub 系列之「07.福利开源项目」
- 10【python-致用】为嫖掘金月更奖品，我用刚学的python做了个批量文件内容替换_python 批量替换文件
当前位置: article > 正文
vue 图片宫格_vue实现移动端九宫格布局
作者：Gausst松鼠会 | 2024-06-09 02:06:44
赞
踩
vue九宫格拼图
九宫格
*{
margin: 0px;
padding: 0px;
}
.sudoku_row{
display: flex;
align-items: center;
width:100%;
flex-wrap: wrap;
}
.sudoku_item{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width:25%;
padding-top: 10px;
padding-bottom: 10px;
}
.opacity{
opacity: 0.4;
background: #e5e5e5;
}
.sudoku_item img{
margin-bottom: 3px;
display: block;
}
{ {sudoku.name}}
new Vue({
el:'#app',
data:{
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/692138
推荐阅读
相关标签
