Sur une page avec une application Web créée avec Ruby on Rails, les caractères du tableau créé avec la balise Table étaient alignés. Cela semble mauvais comme ça, alors j'ai étudié comment appliquer CSS pour qu'il soit centré verticalement, donc je vais le laisser comme mémo pour moi-même.
Fichiers dans / marketpurser / app / assets / stylesheets. Si vous l'ajoutez à application.scss qui existe par défaut, il sera appliqué à toutes les vues. De plus, si vous l'ajoutez au fichier .scss qui correspond au nom de la vue, elle ne sera appliquée qu'à une vue spécifique.
Il semble que la même syntaxe que CSS soit correcte. Cette fois, je veux l'appliquer à la balise td dans la balise table qui a la classe table, donc je l'ai écrit comme suit.
/marketpurser/app/assets/stylesheetssample.scss
table.table td {
vertical-align:middle;
}
sample.html.erb
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Info</th>
</tr>
</thead>
<tbody id="myTable">
<tr>
<td>1</td>
<td>data1</td>
</td>
</tbody>
</table>
résolu. Notez que le CSS n'était pas reflété à moins que j'accède à nouveau à la page de visualisation modifiée au lieu de simplement recharger le navigateur. (Erreur primitive)
C'était ma note personnelle.
Recommended Posts