html三种不同的对齐段落,在不同单元格中具有对齐段落的HTML表格

正如@Heah所写，您需要将数据放在单独的行中。这对于可访问性来说也更好，因为它对应于数据的逻辑结构，并允许项目作为表格单元格访问，而不是作为单元格内的段落。

此外，要重现PDF文件的布局，您需要在每个方向上以更详细的方式设置边框，并减少标题单元格中的字体大小。以下是相对准确的，除了它不产生点行(这是一个单独的问题，经常在SO上问 - 没有简单的答案，但有几种可能的方法)。

table {

width: 26em;

border: solid;

border-width: 3px 0;

border-collapse: collapse;

}

th, td {

vertical-align: bottom;

text-align: center;

border: solid 2px gray;

}

td {

border-top: none;

border-bottom: none;

}

td:first-child {

text-align: left;

text-indent: -1em;

padding-left: 1em;

}

th {

padding: 0.3em 0.4em;

font-weight: normal;

vertical-align: middle;

font-size: 80%;

}

th:first-child, td:first-child {

border-left: none;

}

th:last-child, td:last-child {

border-right: none;

}

ProcedimentosTaxas (euros)ObtençãoRenovação

1 —……2 —……3 —……4 — Produtor de semente de variedades de conservação200305 — Acondicionador de semente de varie­dades de conservação15015