6
votes

Vertical-Align: Le milieu ne fonctionne pas dans Twitter Bootstrap avec des rangées de table

J'utilise Twitter Bootstrap 3.x et j'ai une table où une cellule a des rangements de rangement = "2". Voici la table Row:

<tr>
    <td rowspan="2" class="critical">
        <a href="#"><span class="glyphicon glyphicon-check white"></span></a>
    </td>
    <td colspan="2" class="col-xs-8 col-md-10">
        <b><a href="#">Title</a></b>
    </td>
</tr>
<tr>
    <td class="col-xs-8 col-md-10">
        <em><small>12/07/2014</small></em> - <a><span class="glyphicon glyphicon-paperclip"></span></a></small>
    </td>
    <td class="col-xs-4 col-md-2">
        <em><small  class="pull-right"><a href="#" class="black">Some name</a></small></em>
    </td>
</tr>
  • Utilisez la classe Bootstrap 3 Vert-Align (que je ne pouvais pas trouver dans Docs mais que quelqu'un a dit son a ajouté) li>
  • Utilisez la hauteur de la ligne à la place li>
  • Ajouter CSS Vertical-Align: Milieu Li>
  • vertical-align: base li>
  • ......... li> ul>

    J'ai tout essayé et je regarde la console Chrome Dev, chaque fois que j'ajoute la hauteur de la ligne ou la verticale-alignement: moyen, il semble caressé et n'est pas appliqué. Essayé aussi avec! Important mais n'a pas fonctionné non plus. P>

    J'aimerais savoir s'il y a quelque chose d'empêcher la cellule des rangées d'être alignée au milieu, si elle est due aux rangées (qui est le problème le plus probable depuis Les personnes de l'exemple sont fournies à Jsfiddle vertical-align: des œuvres moyennes comme un charme). p>

    S'il y a des données supplémentaires nécessaires à la mise à jour de mal à jour. Merci d'avance! P> p>


3 commentaires

Quelle section que vous voulez verticalement moyen?



J'ai créé un Démo de votre code. C'est déjà verticalement moyen. Pouvez-vous poster votre code complet avec problème?


3 Réponses :


0
votes

En ce qui concerne le HTML suivant, vous souhaitez aligner verticalement -

HTML STRT> P>

.aa {
    vertical-align:middle;
}


1 commentaires

Comme je l'ai commenté, j'ai déjà essayé cela, mais je n'ai pas travaillé à cause de Rowspan ou avec qui c'était causant



-3
votes

D'accord, j'ai donc réussi à le réparer.

J'ai changé le code sur xxx

et je pourrais gérer finnalement à l'aligner de manière verticale. Je ne peux pas fournir des raisons plus précises pour la raison pour laquelle cela fonctionne, mais si vous rencontrez ce problème avec BOOTSTRAP, vous pouvez utiliser AFTWERWARMWORTHOMMATEM D'ABIT DE CSS afin de redimensionner la TD sur vos nécessités.


0 commentaires

13
votes

Bootstrap utilise un sélecteur similaire (raccourci): xxx

de sorte qu'il a une plus grande priorité que votre sélecteur de classe unique ( centre-centre ). Ainsi utilisez un sélecteur plus spécifique ou un ! Important xxx


0 commentaires