HTML表格显示问题

Question

我的输出文件应该是这样的： 这是我的html文件

<P>Optional steht in den Einstellungen der Kundenauftragsbearbeitung ein Parameter zur Verfügung, der steuert, ob ein aus den eingegebenen Zahlungsbedingungen errechneter Fälligkeitstermin auf einem Wochenende oder Feiertag liegen darf. Ist dies nicht gewollt, wird der Fälligkeitstag auf den nächsten Montag(Werktag) des errechneten Termins geschoben.</P>
<table>
<tr><td><B>Zahlungsschlüssel:</B></td>
<td>Eingabe einer Kurzkennung für einen Zahlungsschlüssel.<br>

Bei Einsatz des IBM-Finanzwesen sollten die Schlüssel einheitlich <br>

verwendet werden.</td></tr>

<tr><td><B>Sprache:</B></td>
<td>Die Zahlungsbedingungen können in verschiedenen Sprachen hinterlegt werden. Dazu muss über die Kopierfunktion ein neuer Zahlschlüssel mit der betreffenden Sprache angelegt werden. Wenn es zur Sprache des Dokuments keinen Zahlschlüssel gibt wird der deutsche verwendet.</td></tr>


<tr><td><B>Bezeichnung:</B></td>
<td>Eingabe eines Kurztextes zur Beschreibung des Zahlungsschlüssels.</td></tr>


<tr><td><B>Fixtermin:</B></td>
<td>Die Markierung dieses Feldes verändert den Folgedialog.</td></tr></table>


<P>Folgeabfrage bei <B>Markierung des Feldes "Fixtermin":</B></P>
<table>
<tr><td><A NAME="1427sv9"></A><B>Rechnung vom</B><br>

<B>Rechnung bis:</B></td>
<td>Eingabe eines Tages im lfd. Monat ab dem / bis zu dessen Ausstellungstag <br>
Rechnungen zu einem fixen Termin fällig gestellt werden.</td></tr>


<tr><td><A NAME="e5z0dd"></A><B>Fälligkeit bis:</B></td>
<td>Eingabe des Tages, an dem die mit der vorstehenden Eingabe <br>

zusammengefasten Rechnungen fällig sind.</td></tr>


<tr><td><B>Fälligkeitstage:</B></td>
<td>alternativ zu einem Kalenderdatum kann auch eine kontante Anzahl von Tagen für die Fälligkeitsberechnung hinterlegt werden</td></tr>



<tr><td><B>Skonto:</B></td>
<td>Eingabe eines Prozentsatzes, der für die Skontoberechnung. Bei Fixterminen wird nur ein Skontosatz berücksichtigt.</td></tr>



<tr><td><B>Skontierfähigkeit bis:</B></td>
<td>Eingabe des Tages, bis zu dem die mit der vorstehenden Eingabe <br>
zusammengefasten Rechnungen skontierfähig sind.</td></tr>


</table>

但是输出显示格式不好。我想使用div标签而不是表格。我不知道该怎么用。由于表格位于段落的中间。那么请给我一个解决方案？

Answer 1

您需要将td元素的显示样式更改为flex

例如：display:flex

Answer 2

仅需一点CSS样式，您的表就可以了。

table {
  border-collapse: separate;
  border-spacing: 10px; /* space between cells */
}
td {
  vertical-align: top; /* text in cells on top */
}

<P>Optional steht in den Einstellungen der Kundenauftragsbearbeitung ein Parameter zur Verfügung, der steuert, ob ein aus den eingegebenen Zahlungsbedingungen errechneter Fälligkeitstermin auf einem Wochenende oder Feiertag liegen darf. Ist dies nicht gewollt, wird der Fälligkeitstag auf den nächsten Montag(Werktag) des errechneten Termins geschoben.</P>
<table>
<tr><td><B>Zahlungsschlüssel:</B></td>
<td>Eingabe einer Kurzkennung für einen Zahlungsschlüssel.<br>

Bei Einsatz des IBM-Finanzwesen sollten die Schlüssel einheitlich <br>

verwendet werden.</td></tr>

<tr><td><B>Sprache:</B></td>
<td>Die Zahlungsbedingungen können in verschiedenen Sprachen hinterlegt werden. Dazu muss über die Kopierfunktion ein neuer Zahlschlüssel mit der betreffenden Sprache angelegt werden. Wenn es zur Sprache des Dokuments keinen Zahlschlüssel gibt wird der deutsche verwendet.</td></tr>


<tr><td><B>Bezeichnung:</B></td>
<td>Eingabe eines Kurztextes zur Beschreibung des Zahlungsschlüssels.</td></tr>


<tr><td><B>Fixtermin:</B></td>
<td>Die Markierung dieses Feldes verändert den Folgedialog.</td></tr></table>


<P>Folgeabfrage bei <B>Markierung des Feldes "Fixtermin":</B></P>
<table>
<tr><td><A NAME="1427sv9"></A><B>Rechnung vom</B><br>

<B>Rechnung bis:</B></td>
<td>Eingabe eines Tages im lfd. Monat ab dem / bis zu dessen Ausstellungstag <br>
Rechnungen zu einem fixen Termin fällig gestellt werden.</td></tr>


<tr><td><A NAME="e5z0dd"></A><B>Fälligkeit bis:</B></td>
<td>Eingabe des Tages, an dem die mit der vorstehenden Eingabe <br>

zusammengefasten Rechnungen fällig sind.</td></tr>


<tr><td><B>Fälligkeitstage:</B></td>
<td>alternativ zu einem Kalenderdatum kann auch eine kontante Anzahl von Tagen für die Fälligkeitsberechnung hinterlegt werden</td></tr>



<tr><td><B>Skonto:</B></td>
<td>Eingabe eines Prozentsatzes, der für die Skontoberechnung. Bei Fixterminen wird nur ein Skontosatz berücksichtigt.</td></tr>



<tr><td><B>Skontierfähigkeit bis:</B></td>
<td>Eingabe des Tages, bis zu dem die mit der vorstehenden Eingabe <br>
zusammengefasten Rechnungen skontierfähig sind.</td></tr>


</table>

例如，您可以了解有关CSS的更多信息here。