html - 为什么我的各种 HTML 表格都有不同的宽度？

标签 html css

我一直在开发这个模板 HTML 文件，但遇到了一个问题。

理想情况下，在所有表格中，左列 (0:00) 的大小应始终相同。并且 2 个 name 列的大小应始终相同。然后 theme 列应该填补空白。

在我的 IE 浏览器中，这些列以不同的宽度显示。我的错误是什么？

.cellBibleReading {
  padding-left: 3mm;
  font-family: Calibri;
  font-size: 11pt;
  font-weight: 700;
}
.cellTime {
  padding-left: 3mm;
  padding-right: 5mm;
  font-family: Calibri;
  font-size: 9pt;
  font-weight: 700;
  color: gray;
}
.cellName {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.floatRight {
  color: gray;
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 2mm;
  float: right;
  text-align: right;
  font-family: Calibri;
  font-size: 8pt;
  font-weight: 700;
}
.tableDATE {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableDATE td {
  border: thin black solid;
}
.tableTFGW {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableTFGW td {
  border: thin black solid;
}
.cellTFGW {
  padding-left: 1mm;
}
.textTFGW {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #606a70;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletTFGW {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #606a70;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.tableAYFM {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableAYFM td {
  border: thin black solid;
}
.cellAYFM {
  padding-left: 1mm;
}
.textAYFM {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #c18626;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletAYFM {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #c18626;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.cellClass {
  font-size: 8pt;
  font-family: Calibri;
  font-weight: 700;
  vertical-align: bottom;
  color: gray;
}
.tableLAC {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableLAC td {
  border: thin black solid;
}
.cellLAC {
  padding-left: 1mm;
}
.textLAC {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #961526;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletLAC {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #961526;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.textDuration {
  padding-left: 1mm;
  font-family: Calibri;
  font-size: 9pt;
  font-weight: normal;
}
.textTheme {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.textSongLabel {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.textSongNumber {
  font-family: Calibri;
  font-size: 12pt;
  font-weight: normal;
}
.textCongregation {
  text-align: left;
  font-family: Cambria;
  font-size: 11pt;
  font-weight: 700;
}
.textTitle {
  text-align: right;
  font-family: Cambria;
  font-size: 18pt;
  font-weight: 700;
}
.tableHeading {
  width: 100%;
  margin-bottom: 5mm;
  border-bottom: thin black double;
}
.tableHeading td {
  vertical-align: bottom;
}
<table class="tableHeading">
  <colgroup>
    <col width="50%">
      <col width="50%">
  </colgroup>
  <tr>
    <td class="textCongregation">CONGREGATION NAME</td>
    <td class="textTitle">Midweek Meeting Schedule</td>
  </tr>
</table>
<table class="tableDATE">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellBibleReading" colspan="2">
      <div class="floatRight">
        Chairman:</div>
      DATE | WEEKLY BIBLE READING</td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellBibleReading" colspan="2">
      <div class="floatRight">
        Auxiliary Classroom Counselor:</div>
      &nbsp;</td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Prayer:</div>
      <span class="bulletTFGW">&bull;</span><span class="textSongLabel">Song</span>
      <span class="textSongNumber">XXX</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="textTheme">Opening Comments</span><span class="textDuration">(3 
    		min. or less)</span>
    </td>
  </tr>
</table>
<table class="tableDATE">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellBibleReading" colspan="2">
      <div class="floatRight">
        Chairman:</div>
      DATE | WEEKLY BIBLE READING</td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Prayer:</div>
      <span class="bulletTFGW">&bull;</span><span class="textSongLabel">Song</span>
      <span class="textSongNumber">XXX</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="textTheme">Opening Comments</span><span class="textDuration">(3 
    		min. or less)</span>
    </td>
  </tr>
</table>
<table class="tableTFGW">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellTFGW" colspan="2" style="width: 60%">
      <div class="textTFGW">
        TREASURES FROM GOD'S WORD</div>
    </td>
    <td class="cellClass">Main Hall</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletTFGW">&bull;</span>  <span class="textTheme">Title</span>
      <span class="textDuration">(10 min.)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletTFGW">&bull;</span>  <span class="textTheme">Digging 
    		for Spiritual gems</span>  <span class="textDuration">(8 min.)</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student:</div>
      <span class="bulletTFGW">&bull;</span>  <span class="textTheme">Bible Reading</span>
      <span class="textDuration">(4 min. or less)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
</table>
<table class="tableTFGW">
  <colgroup>
    <col width="2%">
      <col width="58%">
        <col width="20%">
          <col width="20%">
  </colgroup>
  <tr>
    <td class="cellTFGW" colspan="2" style="width: 60%">
      <div class="textTFGW">
        TREASURES FROM GOD'S WORD</div>
    </td>
    <td class="cellClass">Auxiliary Classroom</td>
    <td class="cellClass">Main Hall</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="bulletTFGW">&bull;</span>
      <span class="textTheme">Title</span>  <span class="textDuration">(10 min.)</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="bulletTFGW">&bull;</span>
      <span class="textTheme">Digging for Spiritual gems</span>
      <span class="textDuration">(8 min.)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student:</div>
      <span class="bulletTFGW">&bull;</span>  <span class="textTheme">Bible Reading</span>
      <span class="textDuration">(4 min. or less)</span> 
    </td>
    <td class="cellName">Name</td>
    <td class="cellName">Name</td>
  </tr>
</table>
<table class="tableAYFM">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellAYFM" colspan="3">
      <div class="textAYFM">
        APPLY YOURSELF TO THE FIELD MINISTRY</div>
    </td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletAYFM">&bull;</span>  <span class="textTheme">Prepare 
    		This Month's Presentations</span>  <span class="textDuration">(15 min.)</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
</table>
<table class="tableAYFM">
  <colgroup>
    <col width="2%">
      <col width="58%">
        <col width="20%">
          <col width="20%">
  </colgroup>
  <tr>
    <td class="cellAYFM" colspan="2" style="width: 60%">
      <div class="textAYFM">
        APPLY YOURSELF TO THE FIELD MINISTRY</div>
    </td>
    <td class="cellClass">Auxiliary Classroom</td>
    <td class="cellClass">Main Hall</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Initial Call</span>
      <span class="textDuration">(2 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Return Visit</span>
      <span class="textDuration">(2 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Bible Study</span>
      <span class="textDuration">(6 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
    <td class="cellName">Name/Name</td>
  </tr>
</table>
<table class="tableAYFM">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellAYFM" colspan="2">
      <div class="textAYFM">
        APPLY YOURSELF TO THE FIELD MINISTRY</div>
    </td>
    <td class="cellClass">Main Hall</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Initial Call</span>
      <span class="textDuration">(2 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Return Visit</span>
      <span class="textDuration">(2 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Bible Study</span>
      <span class="textDuration">(6 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
  </tr>
</table>
<table class="tableLAC">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellLAC" colspan="3">
      <div class="textLAC">
        LIVING AS CHRISTIANS</div>
    </td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="bulletLAC">&bull;</span><span class="textSongLabel">Song</span>
      <span class="textSongNumber">XXX</span>
    </td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletLAC">&bull;</span><span class="textTheme">Title</span>
      <span class="textDuration">(00 min.)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletLAC">&bull;</span><span class="textTheme">Title</span>
      <span class="textDuration">(00 min.)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Conductor/Reader:</div>
      <span class="bulletLAC">&bull;</span><span class="textTheme">Congregation 
    		Bible Study</span>  <span class="textDuration">(30 min.)</span> 
    </td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td class="textTheme"><span class="bulletLAC">&bull;</span><span class="textTheme">Review/Preview/Announcements</span>
      <span class="textDuration">(3 min.)</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Prayer:</div>
      <span class="bulletLAC">&bull;</span><span class="textSongLabel">Song</span>
      <span class="textSongNumber">XXX</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
</table>

以下是我在浏览器中看到的示例:

左栏:

Left column differs

右栏:

Right column differs

最佳答案

要为表格设置固定宽度，您需要将 table-layout 设置为 fixed

这里的第一个单元格可能太短了

您可以只为第一列和最后两列设置宽度，第二列将填满剩下的内容，它允许您在第一列上设置 px 或 em，在最后两列上设置百分比

table {
  table-layout:fixed;
  }
.cellBibleReading {
  padding-left: 3mm;
  font-family: Calibri;
  font-size: 11pt;
  font-weight: 700;
}
.cellTime {
  padding-left: 3mm;
  padding-right: 5mm;
  font-family: Calibri;
  font-size: 9pt;
  font-weight: 700;
  color: gray;
}
.cellName {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.floatRight {
  color: gray;
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 2mm;
  float: right;
  text-align: right;
  font-family: Calibri;
  font-size: 8pt;
  font-weight: 700;
}
.tableDATE {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableDATE td {
  border: thin black solid;
}
.tableTFGW {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableTFGW td {
  border: thin black solid;
}
.cellTFGW {
  padding-left: 1mm;
}
.textTFGW {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #606a70;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletTFGW {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #606a70;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.tableAYFM {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableAYFM td {
  border: thin black solid;
}
.cellAYFM {
  padding-left: 1mm;
}
.textAYFM {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #c18626;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletAYFM {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #c18626;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.cellClass {
  font-size: 8pt;
  font-family: Calibri;
  font-weight: 700;
  vertical-align: bottom;
  color: gray;
}
.tableLAC {
  margin-bottom: 2mm;
  border-collapse: collapse;
  width: 100%;
  border: thin black solid;
}
.tableLAC td {
  border: thin black solid;
}
.cellLAC {
  padding-left: 1mm;
}
.textLAC {
  padding-left: 1mm;
  padding-top: 1mm;
  padding-bottom: 1mm;
  background-color: #961526;
  width: 90mm;
  font-family: Calibri;
  font-size: 10pt;
  font-weight: 700;
}
.bulletLAC {
  padding-top: 1mm;
  padding-bottom: 1mm;
  padding-right: 1mm;
  color: #961526;
  font-size: 14pt;
  font-family: Calibri;
  font-weight: normal;
}
.textDuration {
  padding-left: 1mm;
  font-family: Calibri;
  font-size: 9pt;
  font-weight: normal;
}
.textTheme {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.textSongLabel {
  font-family: Calibri;
  font-size: 11pt;
  font-weight: normal;
}
.textSongNumber {
  font-family: Calibri;
  font-size: 12pt;
  font-weight: normal;
}
.textCongregation {
  text-align: left;
  font-family: Cambria;
  font-size: 11pt;
  font-weight: 700;
}
.textTitle {
  text-align: right;
  font-family: Cambria;
  font-size: 18pt;
  font-weight: 700;
}
.tableHeading {
  width: 100%;
  margin-bottom: 5mm;
  border-bottom: thin black double;
}
.tableHeading td {
  vertical-align: bottom;
}
<table class="tableHeading">
  <colgroup>
    <col width="50%">
      <col width="50%">
  </colgroup>
  <tr>
    <td class="textCongregation">CONGREGATION NAME</td>
    <td class="textTitle">Midweek Meeting Schedule</td>
  </tr>
</table>
<table class="tableDATE">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellBibleReading" colspan="2">
      <div class="floatRight">
        Chairman:</div>
      DATE | WEEKLY BIBLE READING</td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellBibleReading" colspan="2">
      <div class="floatRight">
        Auxiliary Classroom Counselor:</div>
      &nbsp;</td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Prayer:</div>
      <span class="bulletTFGW">&bull;</span><span class="textSongLabel">Song</span>
      <span class="textSongNumber">XXX</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="textTheme">Opening Comments</span><span class="textDuration">(3 
    		min. or less)</span>
    </td>
  </tr>
</table>
<table class="tableDATE">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellBibleReading" colspan="2">
      <div class="floatRight">
        Chairman:</div>
      DATE | WEEKLY BIBLE READING</td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Prayer:</div>
      <span class="bulletTFGW">&bull;</span><span class="textSongLabel">Song</span>
      <span class="textSongNumber">XXX</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="textTheme">Opening Comments</span><span class="textDuration">(3 
    		min. or less)</span>
    </td>
  </tr>
</table>
<table class="tableTFGW">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellTFGW" colspan="2" style="width: 60%">
      <div class="textTFGW">
        TREASURES FROM GOD'S WORD</div>
    </td>
    <td class="cellClass">Main Hall</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletTFGW">&bull;</span>  <span class="textTheme">Title</span>
      <span class="textDuration">(10 min.)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletTFGW">&bull;</span>  <span class="textTheme">Digging 
    		for Spiritual gems</span>  <span class="textDuration">(8 min.)</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student:</div>
      <span class="bulletTFGW">&bull;</span>  <span class="textTheme">Bible Reading</span>
      <span class="textDuration">(4 min. or less)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
</table>
<table class="tableTFGW">
  <colgroup>
    <col width="2%">
      <col width="58%">
        <col width="20%">
          <col width="20%">
  </colgroup>
  <tr>
    <td class="cellTFGW" colspan="2" style="width: 60%">
      <div class="textTFGW">
        TREASURES FROM GOD'S WORD</div>
    </td>
    <td class="cellClass">Auxiliary Classroom</td>
    <td class="cellClass">Main Hall</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="bulletTFGW">&bull;</span>
      <span class="textTheme">Title</span>  <span class="textDuration">(10 min.)</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="bulletTFGW">&bull;</span>
      <span class="textTheme">Digging for Spiritual gems</span>
      <span class="textDuration">(8 min.)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student:</div>
      <span class="bulletTFGW">&bull;</span>  <span class="textTheme">Bible Reading</span>
      <span class="textDuration">(4 min. or less)</span> 
    </td>
    <td class="cellName">Name</td>
    <td class="cellName">Name</td>
  </tr>
</table>
<table class="tableAYFM">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellAYFM" colspan="3">
      <div class="textAYFM">
        APPLY YOURSELF TO THE FIELD MINISTRY</div>
    </td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletAYFM">&bull;</span>  <span class="textTheme">Prepare 
    		This Month's Presentations</span>  <span class="textDuration">(15 min.)</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
</table>
<table class="tableAYFM">
  <colgroup>
    <col width="2%">
      <col width="58%">
        <col width="20%">
          <col width="20%">
  </colgroup>
  <tr>
    <td class="cellAYFM" colspan="2" style="width: 60%">
      <div class="textAYFM">
        APPLY YOURSELF TO THE FIELD MINISTRY</div>
    </td>
    <td class="cellClass">Auxiliary Classroom</td>
    <td class="cellClass">Main Hall</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Initial Call</span>
      <span class="textDuration">(2 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Return Visit</span>
      <span class="textDuration">(2 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Bible Study</span>
      <span class="textDuration">(6 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
    <td class="cellName">Name/Name</td>
  </tr>
</table>
<table class="tableAYFM">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellAYFM" colspan="2">
      <div class="textAYFM">
        APPLY YOURSELF TO THE FIELD MINISTRY</div>
    </td>
    <td class="cellClass">Main Hall</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Initial Call</span>
      <span class="textDuration">(2 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Return Visit</span>
      <span class="textDuration">(2 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Student/Assistant:</div>
      <span class="bulletAYFM">&bull;</span>  <span class="textTheme">Bible Study</span>
      <span class="textDuration">(6 min. or less)</span> 
    </td>
    <td class="cellName">Name/Name</td>
  </tr>
</table>
<table class="tableLAC">
  <colgroup>
    <col width="2%">
      <col width="78%">
        <col width="20%">
  </colgroup>
  <tr>
    <td class="cellLAC" colspan="3">
      <div class="textLAC">
        LIVING AS CHRISTIANS</div>
    </td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td colspan="2"><span class="bulletLAC">&bull;</span><span class="textSongLabel">Song</span>
      <span class="textSongNumber">XXX</span>
    </td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletLAC">&bull;</span><span class="textTheme">Title</span>
      <span class="textDuration">(00 min.)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td><span class="bulletLAC">&bull;</span><span class="textTheme">Title</span>
      <span class="textDuration">(00 min.)</span> 
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Conductor/Reader:</div>
      <span class="bulletLAC">&bull;</span><span class="textTheme">Congregation 
    		Bible Study</span>  <span class="textDuration">(30 min.)</span> 
    </td>
    <td class="cellName">Name/Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td class="textTheme"><span class="bulletLAC">&bull;</span><span class="textTheme">Review/Preview/Announcements</span>
      <span class="textDuration">(3 min.)</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
  <tr>
    <td class="cellTime">0:00</td>
    <td>
      <div class="floatRight">
        Prayer:</div>
      <span class="bulletLAC">&bull;</span><span class="textSongLabel">Song</span>
      <span class="textSongNumber">XXX</span>
    </td>
    <td class="cellName">Name</td>
  </tr>
</table>

关于html - 为什么我的各种 HTML 表格都有不同的宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36042472/

上一篇：HTML + CSS 布局，底部框显示所有内容，可变高度顶部框滚动

下一篇：html - 如何以更好的方式从 ASP 编辑 html？

相关文章：

html - CSS:除非我在 IE8 中指定背景颜色，否则超链接框不可点击

html - 在特定分辨率下移除 CSS 属性

javascript - 滚动到时如何加载iframe？

javascript - 具有良好移动支持的多选 jQuery 插件

css - 有没有办法在 HTML5 中对齐 <p>？

html - CSS 未应用于元素

css - 如何在 React 中正确地使用 CSS 制作动画

javascript - 如何使用 ng-repeat 将 JSON 响应映射到 Html 页面

c# - AngleSharp - 处理自闭合标签

html - 为什么我的 <hr> 元素在同一页面上呈现不同？

©2024 IT工具网  联系我们