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

用CSS样式的只是一点点，你的表看起来OK。

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。

Answer 2

您需要更改td元素显示风格弯曲

例如：display:flex