html - すべての列の表の境界線の高さが同じ

Question

私は行に3つの列があり、現在の出力は

私の必要な出力は ![必要な出力][2] です

![cur o/p][2]

Answer 1

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%">&nbsp;Marks and Number of packages</td>
<td width="50%">&nbsp;Proper Description of goods</td>
<td width="20%">&nbsp;Net quantity per &nbsp;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">&nbsp;Name and Address of Shipper</td>
<td valign="top" colspan="2">&nbsp;Signature & Date</td>
</tr>

</tbody>

</table>
​
<style type="text/css">
.tableContent td, td{
padding-left:10px;
}
</style>
​

デモ: http://jsfiddle.net/Csr6X/

Answer 2

テキスト間に4つ
のタグがあります

Lorem Ipsum<br><br><br><br> passages, <br><br><br><br>and more recently

それらを削除します。