楽天アフィリエイトを中央に表示したい

2020年2月26日2020年2月28日メモ

楽天アフィリエイトを使っている方はいますか？
実際に張り付けるとこうなります。

そうなんですよ、左寄せで表示されてしまうんだよね。
真ん中に表示するためには、まず、以下のCSSを記述します。

/* rakuten */
table.rakuten {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

table.rakuten div {
	display: inline-block;
}

table.rakuten table td {
	text-align: center;
}

table.rakuten td {
	text-align: center;
}

次に、アフィリエイトのソースを表示したいところに張り付ける

<table border="0" cellPadding="0" cellSpacing="0">
    <tbody>
        <tr>
            <td>
                ...中略...
            </td>
        </tr>
    </tbody>
</table>

整形をするための目印を最初のテーブルタグに設定する。
class="rakuten"が目印。

<table border="0" cellPadding="0" cellSpacing="0" class="rakuten">

これで表示するとめでたくアフィリエイトが中央に表示されるようになる。

それでは、楽しい楽天アフィリエイトライフをお送りください。