2つのテーブルを並べて表示したいのですが、だから私はdisplay: inline-block
と表示スタイルのプロパティを設定します。問題は、両方のテーブルで、列がテーブルの全幅を占めていないことです。目に見えない細胞があります。面白いことに、ページ上部からDOCTYPE HTML
行を削除すると、これは起こりません。スクリーンショットの赤い印がついた部分が私の心配です。インラインブロック表示のテーブル内の行に不要な空白セルがあります
"tr"のフォントサイズを0に設定して、 "td"に希望するフォントサイズを追加しようとしました。また、負の右側のパディング/マージンを追加しようとしましたが、動作させることができませんでした。提案してください!表の右側にある
空のセル:
<table id="attn" style="display: inline-block; border: 1px solid green">
<tr>
<td >
Attn: Mr. HM. Mustafizur Rahaman
<footer>Vice President</footer>
</td>
</tr>
<tr>
<td>
Attn: Mr. HM. Mustafizur Rahaman
<footer>Vice President</footer>
</td>
</tr>
</table>
<table id="register" style="display: inline-block; border: 1px solid blue">
<caption id="cap_tab_1">Invoice<caption>
<thead>
<tr>
<td>No.</td>
<td colspan="2">SSL/16/02011</td>
</tr>
</thead>
<tbody>
<tr>
<td style="width: 25%">
Day
</td>
<td style="width: 40%">
Month
</td>
<td style="width: 35%">
Year
</td>
</tr>
</tbody>
</table>
'display:inline-table' – 3rdthemagical
@ 3rdthemagical:ありがとう!それは動作するようです!あなたのコメントを投票しましたが、特典はまだありません! –
質問の回答を追加しました。役に立つと思われる場合は、それを有用とマークできますか? – 3rdthemagical