防止div在表中换行

Question

正如您所看到的，进度条与文本不一致。栏是一个单独的 div：

            <th width="300px">

    Atv opgenomen / totaal: 22:48 h / 62.0 h

            </th>

            <th>

<?php

                echo '<div class="progress">

                  <div class="progress-bar" role="progressbar" aria-valuenow="'.$perc_bar_atv.'" aria-valuemin="0" aria-valuemax="100" style="width: '.$perc_bar_atv.'%;">

                    '.round($perc_bar_atv).'%

                  </div>

                </div>';

            ?>

        </th>

有什么建议如何使其内联吗？我已经尝试过了style="display: inline"，可行，但删除了一些标记

style="display: inline-block; vertical-align:center"给出

Answer 1

似乎设置适当的边距就.progress足够了，如下所示：.progress {&nbsp; &nbsp; margin: 10px 0 !important;}或这个.progress {&nbsp; &nbsp; margin: auto 0 !important;}.progress {&nbsp; &nbsp; margin: 10px 0 !important;}&nbsp;th {&nbsp; &nbsp; &nbsp;border: 1px solid green;}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/><table><tr><th width="300px">&nbsp; &nbsp; Atv opgenomen / totaal: 22:48 h / 62.0 h&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </th>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <th width="300px"><div class="progress">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">50%</div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; &nbsp; </th></tr></table>