Dev Faq
9
votes

Classe sur la table?

n'est pas possible de styliser un

et son
à l'aide de classes CSS?

Par exemple: < Pré> xxx

puis en utilisant quelque chose comme ce CSS: xxx

10 commentaires

Vous avez déjà écrit un code, pourquoi demander, testez-le. :RÉ

J'essaie de me souvenir si mis la marge et le rembourrage sur une truce est réellement significatif. Si vous appliquez ces styles au TDS, alors cela devrait fonctionner.

@Chris Margins ne s'applique pas aux éléments TR et TD. Le rembourrage ne s'applique pas aux éléments TR, mais s'applique aux éléments TD.

HTML a des cours, CSS ne le fait pas. Choses que les personnes appellent par erreur les "classes CSS" incluent des propriétés, des ensembles de règles, des sélecteurs de classe et des sélecteurs (tous). Évitez le terme "classes CSS", tandis que les gens peuvent souvent comprendre ce que vous entendez du contexte, il est préférable de simplement utiliser le bon terme en premier lieu.

Oh, et vous devriez probablement remplacer

avec

@DavID Le terme correct est "Sélecteur de classe CSS".

@ Šime Vidas - c'était le tiers des quatre choses communes que les gens appellent "une classe CSS" que j'ai énumérée.

@David Oui, je voulais seulement préciser (pour le compte rendu) quel est le terme correct (puisque vous n'avez pas explicitement dit cela).

Hmm, je pensais que Jamietelin signifiait le jeu de règles. Va montrer pourquoi "classes CSS" est une telle ordure!

@ Šime Vidas: Merci. Je pensais que c'était le cas mais n'était pas en mesure de trouver des références à me soutenir. J'ai pensé que quelqu'un le suivrait cependant. À votre santé. :) j'espère que je me souviendrai pour la prochaine fois aussi. :)

7 Réponses :

13
votes

C'est possible, cela devrait fonctionner correctement!

Voici un exemple

Amusez-vous, vous pouvez faire ce que vous voulez! Je ne recommande pas d'utiliser

, sauf si elle est utilisée pour présenter des données structurées destinées à être dans une table. S'il s'agit de dessiner une mise en page, utilisez
et css!
2 commentaires

Merci, ça marche. J'ai eu un peu de cache étrange et donc il n'a pas montré correctement.

Vous pouvez désactiver le cache dans les paramètres de votre navigateur à des tests ou appuyez sur Ctrl + R et le navigateur majeur pour effectuer un cache de compensation d'actualisation.

1
votes

Les rangées de table ne prennent pas de rembourrage, TDS DO.

Changez votre style à: P> 

.calendar_table td {
    margin:0;
    padding:4px;
}

1 commentaires

La propriété Marge ne s'applique pas aux éléments TD.

2
votes

Oui, c'est possible. Ce que vous avez fonctionne dans une certaine mesure (avec des modifications).

Pour styler le TD, utiliser : xxx

ou: xxx

fonctionnera également.

pour définir des attributs tels que les frontières , couleurs et tailles Il s'agit du moyen plus propre de le faire, sur l'intégration de cette information dans HTML.

Cette approche est excellente avec les tables de données où les informations devraient naturellement être présentées dans une table. Si vous posez des données, utilisez des balises plus correctes sémantiquement telles que

et .
0 commentaires
1
votes
  • Tables étendues si nécessaire pour laisser le contenu correspond à
  • Autant que je sache, les rangées de table n'ont pas de marge ou de rembourrage

    Ces règles de mise en page s'appliquent, peu importe la façon dont vous le définissez.

0 commentaires
0
votes

Les réponses ci-dessus sont âgées ou non de réponse correctement, car elles ignorent le style de la table et non seulement TD ou TH etc. Elements.

Si nous aurions une table comme celle-ci: xxx

puis dans .CSS Nous devons mettre: xxx

0 commentaires
3
votes

Comme Aleks a écrit, je définirais également CSS pour la table elle-même. Mais Pas de crochets imbriqués B> dans la définition CSS comme: table.custom_class {... TD, TH {...} B>}. 

table.custom_class {
    border:solid 5px #006CFF;
    margin:0px;
    padding:0px;
    border-spacing:0px;
    border-collapse:collapse;
    line-height:22px;
    font-size:13px;
    font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
    font-weight:400;
    text-decoration:none;
    color:#0018ff; 
    white-space:pre-wrap;
}
table.custom_class th {
  padding: 20px;
  background-color:#98dcff;
  border:solid 2px #006CFF;
}
table.custom_class td {
  padding: 20px;
  border:solid 1px #006CFF;
}
table.custom_class tr {
    margin:0;
    padding:4px;
}

0 commentaires
0
votes

beau thème de table verte:

https://jsfiddle.net/sujayun/qwslk3al/ < / a> xxx

0 commentaires

Articles qui pourrait vous intéresser :

 Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
Select2 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