gpt4 book ai didi

html - 如何使用 Skeleton CSS 框架更改表格大小

转载 作者:太空宇宙 更新时间:2023-11-04 06:13:53 26 4
gpt4 key购买 nike

我正在使用 Skeleton CSS Framework 创建一个表格,如下所示:

<div class="container">
<h2>V1504 Currently Active Jobs</h2>
<table class="u-full-width">
<thead>
<!-- table head -->
<tr class="u-full-width">
<!-- table row -->
<th>Job Number</th>
<th>Employee Name</th>
<th>Department</th>
</tr>
</thead>
<tbody id="job-list">

</tbody>
</table>
</div>

tbody 为空的原因是因为我通过Javascript 动态插入元素到表中。但表格如下所示:

enter image description here

现在我想增加表格标题及其元素的字体大小,如果可能的话,如何使用 Skeleton CSS 来完成?

最佳答案

Skeleton.css 是一个响应式框架。如果您想更改 Skeleton.css 中设置的预定义样式,最好的选择是在 <head> 中设置和链接第二个样式表。您的 HTML 文档并在其中定位这些样式。

例如 - 设置 .u-full-width th { font-size: 16px; font-weight: bold; }会将所有 <th> 的字体设置为 16px 和粗体父类为 .u-full-width 的标签.

关于html - 如何使用 Skeleton CSS 框架更改表格大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56169366/

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