css - 显示内容是使用css的样式框
问题描述
我有如下内容:
Scan Summary:
Total Found: 363
Total Dir: 153
Planned Sync Files: 210
Actual Synced: 210
Missing Synced Files: 0
我的 div:
<div class="page_summary">
<div><h3 style="display: inline-block;width: 50%;" class="total_found">Total Found: '.$totalFind.'</h3></div>
<div><h3 style="display: inline-block;width: 50%;">Total Dir: '.$totalIsDir.'</h3><br/></div>
<div><h3 style="display: inline-block;width: 33%;">Planned Sync Files: '.$totalShouldFind.'</h3></div>
<div><h3 style="display: inline-block;width: 33%;">Actual Synced: '.$totalResolved.'</h3><br/></div>
<div><h3 style="display: inline-block;width: 33%;">Missing Synced Files: '.$forOfor.'</h3><br/></div>
</div>
我想分别在样式框中分别显示 Total Found、Total Dir、Total Sync Files、Actual Synced Files 和 Missing Synced Files,我搜索了很多但确实找到了正确的匹配项。
我想像仪表板一样显示每个项目。
解决方案
希望这对您有所帮助。
<div class="page_summary">
<div style="display: inline-block;width: 50%;float:left;"><h3 class="total_found">Total Found: '.$totalFind.'</h3></div>
<div style="display: inline-block;width: 50%;float:left;"><h3 style="display: inline-block;width: 50%;">Total Dir: '.$totalIsDir.'</h3><br/></div>
<div style="display: inline-block;width: 33.33%;float:left;"><h3 style="display: inline-block;width: 33%;">Planned Sync Files: '.$totalShouldFind.'</h3></div>
<div style="display: inline-block;width: 33.33%;float:left;"><h3 style="display: inline-block;width: 33%;">Actual Synced: '.$totalResolved.'</h3><br/></div>
<div style="display: inline-block;width: 33.33%;float:left;"><h3>Missing Synced Files: '.$forOfor.'</h3><br/></div>
</div>
推荐阅读
- python - Python 看不到 kv 文件
- vue.js - Vue Bootstrap Table 为列添加不同的类
- copy - 如何使用 copy_to_user api 从内核空间传递到缓冲区到用户空间
- keras - logits 和 labels 必须具有相同的第一维,得到 logits 形状 [800,3568] 和标签形状 [6400]
- windows - 域策略不应从“作为服务登录”中删除本地帐户
- symfony5 - Symfony5 中的日志弃用
- html - 如何通过复选框 Django 更新布尔字段
- jquery - 同一页面中的交易视图链接 largeChartUrl:
- reactjs - React Native - 元素类型无效(简单页面视图)
- python - 选择pandas groupby系列中的值,小于和随后大于阈值