正如您所看到的，進(jìn)度條與文本不一致。欄是一個(gè)單獨(dú)的 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>有什么建議如何使其內(nèi)聯(lián)嗎？我已經(jīng)嘗試過了style="display: inline"，可行，但刪除了一些標(biāo)記style="display: inline-block; vertical-align:center"給出
1 回答
臨摹微笑
TA貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個(gè)贊
似乎設(shè)置適當(dāng)?shù)倪吘嗑?progress足夠了，如下所示：
.progress {
margin: 10px 0 !important;
}
或這個(gè)
.progress {
margin: auto 0 !important;
}
.progress {
margin: 10px 0 !important;
}
th {
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">
Atv opgenomen / totaal: 22:48 h / 62.0 h
</th>
<th width="300px">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 100%;">50%</div>
</div>
</th>
</tr>
</table>
- 1 回答
- 0 關(guān)注
- 127 瀏覽
添加回答
舉報(bào)
0/150
提交
取消