我连续有 3 列,我当前的输出是
我需要的输出是 ![需要的输出][2]
![cur o/p][2]
文本之间有 4 个
标签
Lorem Ipsum<br><br><br><br> passages, <br><br><br><br>and more recently
删除它们。
使用colspan属性来指定每列占用多少空间。此外,使用<style>
标签为元素设置 css,而不是将它们内联,这会使网站变得混乱。
HTML+CSS:
<table width="100%" border="1" padding="2" style="font-size:18px;">
<tbody>
<tr height="46" colspan="3">
<td width="30%"> Marks and Number of packages</td>
<td width="50%"> Proper Description of goods</td>
<td width="20%"> Net quantity per package</td>
</tr>
<tr class="tableContent">
<td colspan="1" valign="top">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type </td>
<td colspan="1" valign="top">Lorem Ipsum<br> passages, <br>and more recently</td>
<td colspan="1" valign="top">sit amet,<br> consectetur<br> adipisicing elit, <br>sed do eiusmod tempor</td>
</tr>
<tr>
<td height="50" valign="top" colspan="1"> Name and Address of Shipper</td>
<td valign="top" colspan="2"> Signature & Date</td>
</tr>
</tbody>
</table>
<style type="text/css">
.tableContent td, td{
padding-left:10px;
}
</style>
演示:http: //jsfiddle.net/Csr6X/