Отображать содержимое в стиле box, используя css - PullRequest
Новая
       6

Отображать содержимое в стиле box, используя css

0 голосов
/ 05 марта 2020

У меня есть контент, подобный приведенному ниже: 

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 Syn c Файлы, Фактически синхронизировано Файлы и отсутствующие синхронизированные файлы отдельно в поле стиля отдельно, я ищу много, но действительно нашел правильное соответствие.

Может ли кто-нибудь помочь мне в этом, я хочу отобразить каждый элемент, как панель инструментов?

Ваша помощь будет оценена?

1 Ответ

0 голосов
/ 05 марта 2020

Надеюсь, это поможет вам. 

        <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>
...