Remplacer la hauteur CSS héritée

J'ai un style défini pour les tableaux. J'ai alors un .tablestyle th { height:26px } ...Remplacer la hauteur CSS héritée

J'ai maintenant un besoin d'avoir un particulier (un pas tous) dans la table détermine automatiquement sa taille.

<table class="tablestyle"> 
<tr><th>Normal Stuff</th></tr> 
<tr><th>Long Stuff</th></tr> 
</table>

La longue étoffe a besoin e une hauteur de x, où x> 26px, mais inconnu ... J'ai essayé de placer un attribut de style sur la balise th disant height:auto, mais il ne semble pas honneur l'affectation automatique. Si je mets height: 200px dans l'attribut de style, cela fonctionne très bien, aller à 200px. Le problème est que j'ai vraiment besoin de la hauteur à déterminer en fonction du contenu de la ...

Je réalise que je peux faire des styles plus spécifiques et je vais bien. Je voudrais, si possible, décorer simplement l'étiquette affectée au lieu de créer un style distinct.

Informations supplémentaires:
Ceci est pour un formulaire de saisie de données tabulaires, et nous avons le même besoin de balises td.

Source

2009-08-14 Bennett Dill

essayez d'ajouter! Importante à la fin de votre attribut css

height: 500px !important;

Source

2009-08-14 19:35:39 Gregoire

min-height: 26px;

fonctionnera pour tout sauf IE. Pour IE, j'utilise généralement certains jQuery:

if ($('stuff').height() < 26) { $('stuff').height(26); }

Je pense que je n'ai pas mon code devant moi.

Source

2009-08-14 19:41:36 MattBelanger

Je me rends compte que votre expérience est différente de la mienne, mais généralement une table de cellules (si <th> ou <td>) adoptera quelque hauteur nécessaire pour afficher le contenu, quel que soit le style des règles relatives à height ou overflow.

Utilisez-vous un doctype? J'utilise généralement <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> dans mes pages, et la page de démonstration (sur this page) semble confirmer cela.

La page il utilise ce qui suit le balisage:

<?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css" /> 

    <style type="text/css" media="all"> 

table {width: 80%; 
    margin: 1em auto; 
    } 

    tr,th,td 
     {height: 40px; 
     } 

    th, td {border: 1px solid #f90; 
     } 

    </style> 

</head> 

<body> 

<table> 

<thead> 
<tr><th>Names</th><th>Description</th><th>Actor</th></tr> 
</thead> 

<tbody> 
<tr><td>Number One</td><td>The assumed leader of the Village</td><td>Perhaps Patrick McGoohan</td></tr> 
<tr><td>Number Two</td><td>There are two Number Twos with repeat appearances: Leo McKern appeared in three episodes, and Colin Gordon in two. With the exception of "Fall Out", this was the result of the actors performing their roles in two consecutive episodes filmed back to back. Colin Gordon was filmed in "The General" followed immediately with "A. B. and C." McKern was featured in the series' second transmitted episode, "The Chimes of Big Ben," and then featured in the next production episode to be filmed "Once Upon a Time." Three actors who portray Number Twos also appear in other episodes, possibly as different characters — Georgina Cookson ("A. B. and C." as party guest and "Many Happy Returns" as Mrs Butterworth/No. 2), Kenneth Griffith ("The Girl Who Was Death" as Schnipps/No. 2 and "Fall Out" as The Judge) and Patrick Cargill ("Many Happy Returns" as Thorpe, and "Hammer Into Anvil" as No. 2) — although this is ambiguous, particularly in the case of Kenneth Griffith's character.</td><td>Patrick McGoohan</td></tr> 
</tbody> 

</table> 

</body> 

</html>

On peut imaginer, vous pouvez envelopper le contenu des cellules dans un <span> et l'utiliser pour appliquer une hauteur/largeur particulière; mais cela sert à compliquer un peu votre balisage.

Source

2009-08-14 20:05:31

Remplacer la hauteur CSS héritée

Répondre

Questions connexes