Question

面对文本对齐方面的问题，页脚列与表格列不一致，请在下方附上截图。使用右拉，拉左但不能解决问题。 MusicStore project

          <tfoot>
            <tr>
                <th><?=lang("total");?></th>
                <th class="text-right"><?=$this->sma->formatMoney($inv->total + $inv->product_tax);?></th>
            </tr>

                <tr>
                    <th><?=lang("rounding");?></th>
                    <th class="text-right"><?=$rounding;?></th>
                </tr>
                <tr>
                    <th><?=lang("grand_total");?></th>
                    <th class="text-right"><?=$this->sma->formatMoney($inv->grand_total + $rounding);?></th>
                </tr>

Answer 1

在最后colspan

中添加th

<tfoot>
            <tr>
                <th><?=lang("total");?></th>
                <th class="text-right" colspan="2"><?=$this->sma->formatMoney($inv->total + $inv->product_tax);?></th>
            </tr>

                <tr>
                    <th><?=lang("rounding");?></th>
                    <th class="text-right" colspan="2"><?=$rounding;?></th>
                </tr>
                <tr>
                    <th><?=lang("grand_total");?></th>
                    <th class="text-right" colspan="2"><?=$this->sma->formatMoney($inv->grand_total + $rounding);?></th>
                </tr>

Bootstrap表页脚文本对齐问题

1 个答案: