div 顺序平铺的问题

xibo0925 2017-03-10 09:21:24
大家好 我想实现的效果是 一个div记录一个物品信息 让他们固定大小平铺在页面上 容易看到每个物品的信息
类似于下面这种效果


...全文
365 7 打赏 收藏 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
xibo0925 2017-03-10
  • 打赏
  • 举报
回复
引用 6 楼 yanluofeihong 的回复:
[quote=引用 5 楼 xibo0925 的回复:] div中可以用 foreach吗?因为是一个循环取数据 按照div的模板显示读取到的不同数据 如果可以 顺便告诉我div中大约怎么写 像图片中的第一个块 状态 后面的变量用什么语句去表示
和table是差不多的,直接把整个div整个循环就行了,里面的数据变化,table能循环,div也可以[/quote] 好的 谢谢 我试试
看着是个昵称 2017-03-10
  • 打赏
  • 举报
回复
引用 5 楼 xibo0925 的回复:
div中可以用 foreach吗?因为是一个循环取数据 按照div的模板显示读取到的不同数据 如果可以 顺便告诉我div中大约怎么写 像图片中的第一个块 状态 后面的变量用什么语句去表示
和table是差不多的,直接把整个div整个循环就行了,里面的数据变化,table能循环,div也可以
xibo0925 2017-03-10
  • 打赏
  • 举报
回复
引用 4 楼 yanluofeihong 的回复:
[quote=引用 2 楼 xibo0925 的回复:] [quote=引用 1 楼 yanluofeihong 的回复:] 那就设置固定大小,然后使用浮动来实现大布局,每个div里面再具体写东西
事情是这样的 现在我在jsp文件中 有一个table 用的forEach 让得到数据自动显示 原来是一列一列显示 现在想加入div 让它们 一块的形式 显示 这样更加直观 就是实现不了[/quote] 那试试看能不能改成div,这样排列起来感觉更方便一点,这个不是表格,所以很少考虑使用table[/quote]
引用 4 楼 yanluofeihong 的回复:
[quote=引用 2 楼 xibo0925 的回复:] [quote=引用 1 楼 yanluofeihong 的回复:] 那就设置固定大小,然后使用浮动来实现大布局,每个div里面再具体写东西
事情是这样的 现在我在jsp文件中 有一个table 用的forEach 让得到数据自动显示 原来是一列一列显示 现在想加入div 让它们 一块的形式 显示 这样更加直观 就是实现不了[/quote] 那试试看能不能改成div,这样排列起来感觉更方便一点,这个不是表格,所以很少考虑使用table[/quote] div中可以用 foreach吗?因为是一个循环取数据 按照div的模板显示读取到的不同数据 如果可以 顺便告诉我div中大约怎么写 像图片中的第一个块 状态 后面的变量用什么语句去表示
看着是个昵称 2017-03-10
  • 打赏
  • 举报
回复
引用 2 楼 xibo0925 的回复:
[quote=引用 1 楼 yanluofeihong 的回复:] 那就设置固定大小,然后使用浮动来实现大布局,每个div里面再具体写东西
事情是这样的 现在我在jsp文件中 有一个table 用的forEach 让得到数据自动显示 原来是一列一列显示 现在想加入div 让它们 一块的形式 显示 这样更加直观 就是实现不了[/quote] 那试试看能不能改成div,这样排列起来感觉更方便一点,这个不是表格,所以很少考虑使用table
xibo0925 2017-03-10
  • 打赏
  • 举报
回复
一块 一块的 显示 更上图一样
xibo0925 2017-03-10
  • 打赏
  • 举报
回复
引用 1 楼 yanluofeihong 的回复:
那就设置固定大小,然后使用浮动来实现大布局,每个div里面再具体写东西
事情是这样的 现在我在jsp文件中 有一个table 用的forEach 让得到数据自动显示 原来是一列一列显示 现在想加入div 让它们 一块的形式 显示 这样更加直观 就是实现不了
看着是个昵称 2017-03-10
  • 打赏
  • 举报
回复
那就设置固定大小,然后使用浮动来实现大布局,每个div里面再具体写东西
内容概要:WiFiSupply斯普莱WFS7000BI是一款高性能、电信工业级的室外型大功率无线基站,支持5.8GHz全频段(4920-6100MHz),基于MIMO 2T2R架构,最大发射功率达30dBm/1000mw,无线带宽最高300Mbps,点对点实际吞吐量超过150Mbps,支持TDMA时分多址技术,通信延迟≤1ms,具备强抗干扰能力和超远传输距离(桥接可达150公里以上)。设备集成16dBi双极化扇区天线,支持快速无缝漫游、多SSID、VLAN、QoS、VPN、防火墙、巨量安全隧道等多种网络功能,采用IP68防护等级和宽温设计(-45~85℃),具备防浪涌、防静电、电磁屏蔽等工业级防护特性,适用于复杂环境下的无线桥接与覆盖。支持胖瘦AP模式、本地及云端管理,并提供API接口实现第三方平台集成。; 适合人群:从事工业无线网络建设、系统集成、智能交通、智慧物流等领域的网络工程师、技术负责人及项目实施人员。; 使用场景及目标:适用于智慧交通、工业4.0、AMR/AGV小车组网、无人机遥控、车载船载视频传输、驾驶员考试系统、森林防火监控等对稳定性、低延迟、远距离通信要求高的室内外无线通信场景,目标是构建高可靠、高安全、长距离的无线网络传输系统。; 阅读建议:本文档技术参数详实,建议结合具体项目需求重点查阅频段、功率、组网模式、防护等级及管理方式等内容,便于选型与部署。

61,117

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧