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>
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>
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 :
votes
En ce qui concerne le HTML suivant, vous souhaitez aligner verticalement -
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
votes
D'accord, j'ai donc réussi à le réparer.
J'ai changé le code sur p> xxx pré>
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. P> P>
votes
Bootstrap utilise un sélecteur similaire (raccourci): xxx pré>
de sorte qu'il a une plus grande priorité que votre sélecteur de classe unique (
centre-centre code>). Ainsi utilisez un sélecteur plus spécifique ou un
! Important code> p> xxx pré> p>
Articles qui pourrait vous intéresser :
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIOSelect2 ne s'affiche pas correctement dans le mode bootstrap
Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Comment puis-je définir un format pour les nombres d'entrée dans Blazor