Css 上一次tr的表格更改witdh

Css 上一次tr的表格更改witdh,css,html-table,Css,Html Table,我有这个表格,我的问题是最后一行,因为它的宽度不同,并且一些单元格是组合的 html是这样的 <table border="1" width="820" cellpadding="2"> <caption align="bottom">description</caption> <tr> <th>lorem ipsum</th> <th>lorem ipsum

我有这个表格,我的问题是最后一行,因为它的宽度不同,并且一些单元格是组合的

html是这样的

  <table border="1" width="820" cellpadding="2">
    <caption align="bottom">description</caption>
    <tr>
        <th>lorem ipsum</th>
        <th>lorem ipsum lorem ipsum lorem ipsum</th>
        <th>lorem ipsum</th>
        <th>lorem ipsum</th>
        <th>lorem ipsum</th>
        <th>lorem ipsum</th>
    </tr>
    <tr>
        <td>0</td>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5(3x4)</td>
    </tr>
    <tr>
        <td>1</td>
        <td>Nume produs</td>
        <td></td>
        <td>1</td>
        <td>89,00</td>
        <td>89,00</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Nume produs</td>
        <td></td>
        <td>1</td>
        <td>89,00</td>
        <td>89,00</td>
    </tr>
    <tr>
        <td>3</td>
        <td>Cost livrare</td>
        <td></td>
        <td>1</td>
        <td>15,00</td>
        <td>15,00</td>
    </tr>
    <tr>
        <td>3</td>
        <td>Cost livrare</td>
        <td></td>
        <td>1</td>
        <td>15,00</td>
        <td>15,00</td>
    </tr>
    <tr height="210">
        <td colspan="1">Lorem ipsum</td>
        <td colspan="2">Lorem ipsum</td>
        <td rowspan="2">Lorem</td>

    </tr>   
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
</table>

描述
乱数假文
同侧眼界同侧眼界同侧眼界同侧眼界
乱数假文
乱数假文
乱数假文
乱数假文
0
1.
2.
3.
4.
5(3x4)
1.
努姆·普罗德斯
1.
89,00
89,00
2.
努姆·普罗德斯
1.
89,00
89,00
3.
成本很低
1.
15,00
15,00
3.
成本很低
1.
15,00
15,00
乱数假文
乱数假文
洛勒姆
1.
2.

这是我的尝试,但我不知道如何做一些像图像。我使用colspan和rowspan,但我不知道在这种情况下如何正确使用它们

每当某行上有垂直分隔时,该行和其他行上必须有两个不同的单元格(或者由
colspan
值考虑)

我用一些背景色复制粘贴了您的HTML代码:
在最后一行中,前两个单元格“LOREM IPSUM”和“LOREM IPSUM”之间有一个分隔。因此,它是两个单元格(第一行中的列0、1、2、3已经有colspan=“2”),而前几行中应该有两个单元格(或更高的colspan值),其中包含产品名称

在红色单元格中,您应考虑:


这是我能为您做的最好的事情:


乱数假文
同侧眼界同侧眼界同侧眼界同侧眼界
乱数假文
乱数假文
乱数假文
乱数假文
0
1.
2.
3.
4.
5(3x4)
1.
努姆·普罗德斯
1.
89,00
89,00
2.
努姆·普罗德斯
1.
89,00
89,00
3.
成本很低
1.
15,00
15,00
3.
成本很低
1.
15,00
15,00
乱数假文
乱数假文
全部的
洛勒姆
1.
洛雷姆·伊斯普姆104雷

这是您所需的单元格。只需输入您的高度和宽度,您就完成了


谢谢你的回答,我把这个放在桌子上,但结果不是很好
<table border="1" width="820" cellpadding="2">
<tr>
    <th>lorem ipsum</th>
    <th>lorem ipsum lorem ipsum lorem ipsum</th>
    <th>lorem ipsum</th>
    <th>lorem ipsum</th>
    <th>lorem ipsum</th>
    <th>lorem ipsum</th>
</tr>
<tr>
    <td>0</td>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5(3x4)</td>
</tr>
<tr>
    <td>1</td>
    <td>Nume produs</td>
    <td></td>
    <td>1</td>
    <td>89,00</td>
    <td>89,00</td>
</tr>
<tr>
    <td>2</td>
    <td>Nume produs</td>
    <td></td>
    <td>1</td>
    <td>89,00</td>
    <td>89,00</td>
</tr>
<tr>
    <td>3</td>
    <td>Cost livrare</td>
    <td></td>
    <td>1</td>
    <td>15,00</td>
    <td>15,00</td>
</tr>
<tr>
    <td>3</td>
    <td>Cost livrare</td>
    <td></td>
    <td>1</td>
    <td>15,00</td>
    <td>15,00</td>
</tr>
<tr height="110">
    <td colspan="2" rowspan="2">Lorem ipsum</td>
    <td colspan="2" rowspan="2">Lorem ipsum</td>
    <td>Total</td>
    <td>Lorem</td>
</tr>   
<tr>
    <td>1</td>
    <td height="140">LOREM ISPUM 104 Lei</td>
</tr>
Use RowSpan and Colspan to merge rows and cols