0

以下の HTML コード:

<style>
table,tr,td{
    min-width:80px;
    min-height:80px;
    border:1px #B0B0B0 solid;
}

table.v_headtable{
width:100%;
margin:0 auto;
max-width:640px;
text-align:center;
}

</style>


<table align="center" class="v_headtable">
.
.
.
.
.
.
<tr>
    <td class="row rsocial">
        <table class="socialIcons">
            <tr><td><img src="../../Twitter.png" width="30" /></td></tr>
        </table>
        <table class="socialIcons">
            <tr><td><img src="../../fb.png" width="30" /></td></tr>
        </table class="socialIcons">
        <table height="30" class="socialIcons">
            <tr><td height="30"><img src="../../LinkedIn.png" width="30" /></td></tr>
        </table>
    </td>
</tr>

上記のコードでは、テーブルを一列に並べることができません。大きな画面では表を中央に配置し、モバイル デバイスでは下に移動する必要があります

現在の出力:

必要な出力:

4

1 に答える 1

0

この CSS を.socialIconsクラスに適用します。

.socialIcons {
    display: inline-block;
}
于 2015-03-29T11:43:09.703 に答える