如何在html中定义表格的宽度和高度?以及如何更改该链接的颜色和字体大小(用绿色覆盖的字体),
我想让页面漂亮,如下所示,project_list.html,非常感谢您的帮助:

{% extends 'base.html' %}

{% block content %}
  <nav aria-label="breadcrumb">
  </nav>
  <h3 class="mb-3">我学习的课程列表</h3>
  <div class="card">
    <table class="table mb-0">
      <thead>
        <tr>
          <th>课程序号</th>
          <th>课程名称</th>
          <th>部门名称</th>
          <th>课程日期</th>
          <th>课程时间</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        {% for course in courses %}
          <tr>
            <td class="align-middle">{{ course.pk }}</td>
            <td class="align-middle" style="word-break: break-all;"><a href="{% url 'employees:course_detail' course.pk%}">{{ course.name }}</a></td>
            <td class="align-middle">{{ course.department.get_html_badge }}</td>
            <td class="align-middle">{{ course.date }}</td>
            <td class="align-middle">{{ course.time }}</td>
          </tr>
        {% empty %}
          <tr>
            <td class="bg-light text-center font-italic" colspan="4">目前没有你所选技能的课程。</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
<div class="card-footer">

最佳答案

至于宽度,我认为最简单的选择是为thead元素定义特定的宽度,例如

<thead>
    <tr>
        <th width="7%">课程序号</th>
        <th width="47%">课程名称</th>
        <th width="20%">部门名称</th>
        <th width="10%">课程日期</th>
        <th width="10%">课程时间</th>
        <th width="6%"></th>
    </tr>
</thead>


您可以根据结果表改变宽度。百分比宽度总是很难调整的。

至于高度,它将进行相应的调整。我不建议您为行分配高度,因为如果内容的长度不同,行高度将无法正确调整。

至于链接颜色,我认为最简单的方法是:

<td class="align-middle" style="word-break: break-all;"><a href="{% url 'employees:course_detail' course.pk%}" style="color:blue;font-size:16px;">{{ course.name }}</a></td>


如果使用remem,则可以将16px替换为所需的值。

10-05 20:42
查看更多