Ändern Sie die Schriftgröße innerhalb von Tabellen-Zellen

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Superscript_size_in_table_cell</title>
    <meta name="generator" content="BBEdit 10.5" />
    <style>
    table {
        width: 60%;
    font-size: 0.8em;
    margin-left:auto;
    margin-right:auto;
    border-collapse: collapse;
    }

    .super_script {
    font-size: 80%;
    vertical-align: super;
    }

    </style>
</head>
<body>
    <table id="table_1a-27">
        <caption class="table_caption">Table 1A-27</caption>
        <tr>
            <td>Some text<span class="super_script">Note 1</span></td>
        </tr>
        <tr>
            <td>
                <ol>
                    <li>Beginning of sentence<span class="super_script">Note 2</span> than the rest of the sentence.</li>
                    <li>Some  stuff here</li>
                </ol>
            </td>
        </tr>
   </table>
</body>
</html>

Möchte ich den text ändern der Größe und position für einen Teil des Inhalts einer Zelle in der Tabelle, aber die oben scheint nicht zu funktionieren für text innerhalb einer Zelle der Tabelle. Ich möchte in der Lage sein, um die Größe anzupassen, wenn die Tabelle Elemente, nicht nur für hochstellen Zwecke.

Die span element erscheint in der hochgestellten position in eine fast nicht lesbare Größe, wie gewünscht, in Ihrem CSS. Was ist also das problem? Bitte angeben, was "nicht funktionieren" bedeutet, indem er erklärt, erwartet rendering und wie das eigentliche rendering (auf dem browser(s)?) unterscheidet sich von. Auch überlegen, eine vollständige, gültige Beispiel, das zeigt einige Reale Fälle, wo es Sinn machen würde einen langen Satz als Hochgestellt. Beachten Sie, dass Sie Tabellen-markup-Code verstößt HTML-Tabelle Modell (und nicht wirklich so aus wie etwas, das soll eine Tabelle sein).
Danke für die Antwort. Mit Safari 6.0.2, erwarte ich die "Note 1" und "Anmerkung 2" zu Rendern auf eine kleinere Größe von den anderen text in die Zelle. Bei der Erstellung der Beispiel vor, wie Sie vorgeschlagen, ich entdeckte es kann eine untere Grenze für die Größe der browser rendert die Schrift. Da ich möchte, dass meine Tabellen zu 0.8 em vom rest der Inhalte, die Verringerung der hochgestellten text Größe weiter getroffen haben können Sie den unteren Grenzwert für die Browser-Fähigkeit (oder 'Bereitschaft'), um die Größe des Textes. Mehr Gedanken werden sehr geschätzt. Grüße Zephyr
Safari, sowie einige andere Browser, hat ein Benutzer die option zum setzen der minimalen font-Größe (und es gibt sehr gute Gründe). Hochstellen in HTML (oder CSS) dazu neigt, schlecht funktioniert im Allgemeinen so erklärt, das eigentliche Ziel helfen würde. HTML-hoch-sind nur verkleinerte erhabenen Zeichen, nicht die typografisch korrekten, lesbaren hoch.
Bitte um Entschuldigung, dass Teil wurde versehentlich gelöscht, beim schreiben des letzten Kommentars. Mein Ziel ist es, einen Tisch zu haben, der dargestellt wird, 80% der Basis-schriftart und den hochgestellten text innerhalb der Tabelle machen einige kleineren Größe als der rest der Tabelle ist text. Ich Schätze die Antworten,

InformationsquelleAutor Zephyr Mays | 2013-02-18

2

Für ein basic :

1 - setzen Sie Ihre "super-scripted' text in einem 

2 - style  diese Weise :
```
sup {
 position: relative;
 font-size: 75%;
 line-height: 0;
 top: -0.5em;
 vertical-align: baseline;
}
```
Auch interessante Fragen rund um das gleiche Thema :
[Bearbeiten] :
Einige Nutzer erwähnt, dass einige browser 'buggy' Verhaltensweisen mit relativ Dimensionierung von font-size für die  und  Markierungen.

Sollten Sie vielleicht überlegen Sie, ob Sie sich auf die Verwendung eines 

Nicht eine Verbesserung in der Praxis. IE falsch interpretiert font-size für sup beziehen sich auf die im browser voreingestellte Größe für das element, nicht (laut specs) auf die Schriftgröße des übergeordneten Elements. Indem font-size auf sup haben, führen Sie eine wesentliche browser-Abhängigkeit.
was meinst du mit "Sie stellen eine wesentliche browser-Abhängigkeit" ?
richtiger Browser, erhalten Sie 75% des parent-Elements Größe; auf IE, erhalten Sie 75% der Standard - sup - element font-size. In der Praxis, DH, der Regel macht die Schriftgröße viel kleiner, als es sein würde, ohne die Regel, während auf Firefox, es wird ein wenig größer.

InformationsquelleAutor Milche Patern
1

funktioniert es nicht, weil Sie nicht die Zelle definieren, die Klasse
setzen Sie einfach
```
 class="super_script"
```
in den td-tag.

ändern Sie die Größe der Zellen stellen Sie sicher, Sie tun
```
 table {table-layout: fixed;}
```
und Sie sollten eingestellt werden!

Vielen Dank für die prompte Antwort! Das wäre denke ich, wenn ich wollte, alle Inhalte der Zelle werden Hochgestellt, aber ich will nur ein Teil des Inhalts der Zelle angepasst werden. Auch die font-size: 0.3em; scheint nicht erkannt zu werden innerhalb einer Tabelle. Gedanken?

InformationsquelleAutor Dotan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.