<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> html { background: #000; } .overAll { background: #000; color: red; text-align: center; } .screenTitle { font-size: 22px; margin: 16px 0; } .contScend { line-height: 40px; } .contScend span { margin: 15px 48px; display: inline-block; } .screenHead { margin: 16px 0; font-size: 27px; } .screenHead span { margin: 0 48px; } .contAlarm { margin: 16px 0; } .contAlarm span{ margin: 0 48px; } </style> </head> <body> <div class="overAll"> <div class="screenTitle">天马制药厂区人员分布图</div> <div class="screenHead"> <span>厂区实时人数：132人</span> <span>员工人数：132人</span> <span>访客人数：132人</span> </div> <div class="contScend"> <div> <span>炼钢车间：30人</span><span>甲类仓库：30人</span><span>甲类仓库：30人</span><span>乙类仓库：30人</span> </div> <div> <span>机修车间：30人</span><span>甲类仓库：30人</span><span>甲类仓库：30人</span><span>乙类仓库：30人</span> </div> <div> <span>成品仓库：30人</span><span>甲类仓库：30人</span><span>甲类仓库：30人</span><span>乙类仓库：30人</span> </div> <div> <span>成品车间：30人</span><span>甲类仓库：30人</span><span>甲类仓库：30人</span><span>乙类仓库：30人</span> </div> </div> <div class="contAlarm"> <div> <span>今日报警：10条</span><span>已处理：6条</span><span>未处理：4条</span> </div> </div> </div> </body> </html>
