Css 上一次tr的表格更改witdh
我有这个表格,我的问题是最后一行,因为它的宽度不同,并且一些单元格是组合的 html是这样的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
<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