ブラウザウィンドウのサイズを変更するときにテーブルやイメージ要素が動かないようにする方法

Question

私はコードを初心者なので、コードを修正する方法はわかりません。私は解決策を探してみましたが、div要素だけが表示されます。私はそれらを試してみましたが、それでもそれを修正することはできませんでした。あなたが.tableにwidthを追加する必要が

.image { 
 
    width: 200px; 
 
    height: 260px; 
 
} 
 

 
table { 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
} 
 

 

 
td { 
 
    padding: 10px; 
 
} 
 

 
.group { 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
}

<table> 
 
    <tr> 
 
    <td><a href="#" target="_blank"><img src= "#" alt="#" class="image" /> </a></td> 
 
    <td><a href="#" target="_blank"><img src= "#" alt="#" class="image" /> </a></td> 
 
    <td><a href="# target="_blank"><img src= "#" alt="#" class="image" /> </a></td> 
 
    </tr> 
 
           
 
</table>

Answer 1

。これにより、使用できる正確な幅が与えられます。

ただし、これによって一部のデバイスでウェブサイトが応答しないことに注意してください。

.image { 
 
    width: 200px; 
 
    height: 260px; 
 
} 
 

 
table { 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
    width: 650px; 
 
} 
 

 

 
td { 
 
    padding: 10px; 
 
} 
 

 
.group { 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
}

<table> 
 
    <tr> 
 
    <td><a href="#" target="_blank"><img src= "#" alt="#" class="image" /> </a></td> 
 
    <td><a href="#" target="_blank"><img src= "#" alt="#" class="image" /> </a></td> 
 
    <td><a href="# target="_blank"><img src= "#" alt="#" class="image" /> </a></td> 
 
    </tr> 
 
           
 
</table>