Question

我有一张桌子。并且每行的最后一列都有一个奇怪的对齐 - 左边没有使用任何使用该对齐的引导程序类。

<table class ="table table-bordered">
  <tbody>
    <tr>
      <td class="col-md-4">Nom du client : <?php echo"$row->nom_ent";?></td>
      <td class="col-md-4">Type d'intervention :
        <select name="intervention" id="intervention" class="form-control">
          <option value="1"<?php if($row->id_type == 1){echo "selected";} ?> >D&eacute;pannage</option>
          <option value="2"<?php if($row->id_type == 2){echo "selected";} ?> >Garantie</option>
          <option value="3"<?php if($row->id_type == 3){echo "selected";} ?> >Maintenance</option>
          <option value="4"<?php if($row->id_type == 4){echo "selected";} ?> >Installation</option>
          <option value="5"<?php if($row->id_type == 5){echo "selected";} ?> >Formation</option>
          <option value="6"<?php if($row->id_type == 6){echo "selected";} ?> >Mise en service</option>
        </select></td>
      <td class="col-md-4 text-left" colspan="2">N&deg; de projet : <?php echo"<input class=\"form-control\" type=\"text\" name=\"Num_chantier\" value=\"$row->num_chantier\" /> "; ?></td>
    </tr>
    <tr>
      <td class="col-md-4">Techniciens :<br>
        <?php echo"$row->tech"."faire un split un mec par ligne"." <br>CA :"; ?>
      <td class="col-md-4">D&eacute;placement : <?php echo"$row->temps_deplacement"." <br>Temps de travail :  "."$row->nb_heure"."<br>";if($row->fini == 1){echo"<b>Travail <font color ='red'>Fini</font></b>";}else{echo"<b>Travail <font color ='red'>Non Fini</font></b>";} ; ?></td>
      <?php
                        $rMat=$pdo->prepare("SELECT id_bon, mat.nom_materiel, mat.quantite_materiel FROM materiel_bi mat WHERE id_bon = :id_bon");
                        $rMat->bindParam(':id_bon', $row->num_bon, PDO::PARAM_INT);
                        $rMat->execute();
                        $rsMat=$rMat->fetchAll();
                        ?>
      <td class="col-md-2">Type matériel :<br>
        <?php foreach($rsMat as $rowm){echo $rowm->nom_materiel."<br>";}?></td>
      <td class="col-md-2" >Quantité :<br>
        <?php foreach($rsMat as $rowm){echo $rowm->quantite_materiel."<br>";}?></td>
    </tr>
  </tbody>
</table>

Answer 1

你能查一下这行吗？

<td class="col-md-4 text-left" colspan="2">N&deg; de projet : <?php echo"<input class=\"form-control\" type=\"text\" name=\"Num_chantier\" value=\"$row->num_chantier\" /> "; ?></td>

如果没有解决，那么添加一个类并使用！important强制对齐。不好的做法，但如果代码太乱，可以节省时间。

Answer 2

我找到了解决方案。问题来自bootstrap。我在页面上创建了一个样式。覆盖bootstrap类以便能够使用text-align：left; 我用了一个id：

<td class="col-md-4" id="n_projet" colspan="2">N&deg; de projet : <?php echo"<input class=\"form-control\" type=\"text\" name=\"Num_chantier\" value=\"$row->num_chantier\" /> "; ?></td>


<style>
   .table-bordered > tbody > tr:last-child > td.col-md-2
    {
     white-space: nowrap;
     width: 1px;
     text-align: left;
    }
   #n_projet
    {
     white-space: nowrap;
     width: 1px;
     text-align: left;
    }

</style>

我的桌子上有一个奇怪的对齐方式

2 个答案: