分割した画像をテーブルで連結

YA-METAL

inline-blockで左右の隙間をゼロ
paddingでcellspaceをゼロ
vertical-alignで上下の隙間をゼロ

<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <style>
       table{
           border-collapse:collapse;
       }
       td{
           display:inline-block;
           padding:0;
       }
       img {
           vertical-align: top;
       }
   </style>
</head>
<body>
<table>
   <tr>
       <td><img src="Splitted Image 0-0.png" alt=""></td>
       <td><img src="Splitted Image 1-0.png" alt=""></td>
   </tr>
   <tr>
       <td><img src="Splitted Image 0-1.png" alt=""></td>
       <td><img src="Splitted Image 1-1.png" alt=""></td>
   </tr>
</table>
</body>
</html>

この記事が気に入ったらサポートをしてみませんか？