gpt4 book ai didi

html - 更改表格单元格内的字体大小

转载 作者:太空狗 更新时间:2023-10-29 15:11:44 24 4
gpt4 key购买 nike

<!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>

我想更改表格单元格部分内容的文本大小和位置,但上述方法似乎不适用于表格单元格中的文本。我希望能够调整表格元素的大小,而不仅仅是为了上标目的。

最佳答案

对于基本的:

1- 将您的“ super 脚本”文本放入 <sup>

2- 设计你的 <sup>这样:

sup {
position: relative;
font-size: 75%;
line-height: 0;
top: -0.5em;
vertical-align: baseline;
}

还有关于同一主题的有趣问题:

[编辑]:一些用户提到了一些浏览器的“错误”行为,这些行为与 <sub> 的字体大小相对大小有关。和 <sup>标记。

也许您应该考虑继续使用 <span>

关于html - 更改表格单元格内的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14941518/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com