1

Pastebin を参照してください。「BUILD FOR FREE NOW」ボタンを中央に配置しようとしていますが、何らかの理由で機能しalign="center"ていません。私は何を間違っていますか？

私のコードは長かった..
だから私はここにそれを置く: Pastebin

中央に配置する必要があるコード (私のボタン) の部分は次のとおりです。

<tr>
    <td align="center" width="240" bgcolor="#cf142b" style="background: #cf142b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; font-weight: bold; text-decoration: none; display: block;"><a href="" style="display:block;color: #fff; text-decoration: none; padding:15px 10px 15px 10px;">BUILD FOR FREE NOW</a>
    </td>
</tr>
4

2 に答える 2

3

これらのスタイル属性をタグからタグに移動する必要があります。

                    </td>
                </tr>
                <tr>
                    <td style="padding: 30px 20px 30px 20px;">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="font-size:16px;color:#666666;">
                            <tr>
                                <td> <b>Hello, Mike!</b>

                                </td>
                            </tr>
                            <tr>
                                <td style="padding: 20px 0 20px 0;">Lorem ipsum dolor sit amet!</td>
                            </tr>
                            <tr>
                                <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat.</td>
                            </tr>
                            <tr>
                                <td style="color:#444444;padding: 20px 0 20px 0;"> <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit!</b>

                                </td>
                            </tr>
                            <tr>
                                <td align="center"><a href="" style="width:240px; background: #cf142b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; font-weight: bold; text-decoration: none; display: block; padding:15px 10px 15px 10px;">BUILD FOR FREE NOW</a>

                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>Call to Action</td>
                </tr>
                <tr bgcolor="#0B5EA8">
                    <td>Footer</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

フィドル: http://jsfiddle.net/cCeNd/

あなたが探しているものかどうか教えてください。

于 2013-07-06T22:13:26.343 に答える
1

編集:間違った要素を中央に配置していました。

試しましたmargin: 0 auto;か？それはクロスクライアントではないかもしれませんが、丸みを帯びた角もそうではありません.

別のオプションは、ボタンを中央に配置するために 3 セルのテーブルを作成することです。

于 2013-07-06T22:05:27.867 に答える