在我的页面上,我有很多元素,我需要连续几列直列显示.每个元素都是相同大小的图像.当您单击它时,在它的位置会出现图标菜单,其中包含三个项目.所有元素应水平和垂直居中.
可能会有不同数量的大图像(6,7,8或更多),所以我想将它们添加到一个行级中.
现在,我认为我正在通过引导程序文档完成所有工作,但页面钢上的元素逻辑似乎已被破坏.
我究竟做错了什么？
Codepen示例
我需要的屏幕截图:
请指出我正确的方向.先感谢您.我能够在没有bootstrap的情况下完成它,b我希望它只能通过正确使用bootstrap和元素来完成,因为我想保存自适应布局.
UPD @LegendaryAks使用
after icons元素修复了间隙问题,但是自适应布局的所有元素居中以及总元素数量未知的问题仍然存在.UPD2最后只对一个元素进行居中是不够的,因为我们需要知道如何在最后一行中从一个元素到最大数量的元素居中,播种我们可以加载页面上的所有元素而不用担心最后一行定心.
推荐阅读
如何解决《npm-"找不到Python可执行文件"python",你可以设置PYTHONenv变量."》经验，为你挑选了4个好方法。 ... [详细]
如何解决《javascript-按给定长度获取两点之间的位置》经验，为你挑选了1个好方法。 ... [详细]
如何解决《XcodeInterfaceBuilder为所有文件显示"Noselection"》经验，为你挑选了4个好方法。 ... [详细]
如何解决《jVectorMaps图像标记》经验，为你挑选了1个好方法。 ... [详细]吐了个 "CAO" !Tags | 热门标签RankList | 热门文章
- 1C++通用Windows应用程序仅在安装驱动器上的VS2015项目时有效
- 2有没有更好的方法来实现搜索地图？
- 3由于"404 Not Found"错误,sunspot_rails无法索引
- 4在C#中以列表为核心的存储库模式
- 5通用Try [T]功能
- 6Swift 2:IBOutlet Collection [UIButton]!泄漏记忆
- 7Android Espresso Ui测试验证ActionPage的标签文本
- 8打印数字时出现分段错误
- 9Pycharm:终止所有正在运行的进程
- 10我在终端中遇到tcpdump问题
- 11如何通过shell列出HBase表中的区域？
- 12编辑seaborn jointplot或联合网格中的刻度？
- 13ELK处理来自多个泊坞窗图像的多行日志
- 14为什么在Visual Studio上的临时文件中仍然引用旧的项目名称
- 15数组的更优雅的二级排序
- 16在Excel中引用
- 17嵌套三元隐式类型转换问题:无法确定条件表达式的类型,因为它们之间没有隐式转换
- 18sqoop,选择特定列
- 19REST API版本控制 - 为什么版本不是模型
- 20在联合中使用继承
DevBox开发工具箱 | 专业的在线开发工具网站京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有
