0
2つのイメージを画面の中央に配置したいが、2つのイメージを画面の中央に配置したいが、これは学校のプロジェクトのためのものです。私はHTMLやCSSにあまり経験がありません。私の先生はそれらのディスプレイテーブルを作成するように私に言ったが、私はそれがどのように動作するかについてのヒントを与えることができるなら、私はそれがうまくいくと思います！前もって感謝します！私が他の情報を送る必要があるなら、私が上で述べたもの以外に何を入れるべきか分からないので教えてください。2つのイメージを反応的な方法で中央に配置したい
HTMLコード：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Correia e Figueiredo</title>
<link rel="stylesheet" href="css/index.css" type="text/css"/>
</head>
<body>
<div id="imagens">
<div id="Morph1" class="images">
<a href="figueiredo.html"> <img src="images/Morph1.png"> </a>
</div>
<div id="Morph2" class="images">
<a href="figueiredo.html"> <img src="images/Morph2.png"> </a>
</div>
</div>
</body>
</html>
CSSコード：
`*{
margin:0;
padding:0;
}
body{
background-color: beige;
}
#imagens {
display: table;
}
#Morph1 {
display: table-cell;
}
#Morph2 {
display: table-cell;
}
.images a img {
border-radius: 100%;
width: 30%;
margin: 0 auto;
text-align: center;
}
.images {
text-align: center;
width:50%;
}`
私はあなたが.imagesのためのマージンを定義することができると思います。 '.images ::第一子{ マージン：0 2ピクセル0自動; } .images :: last-child { margin：0 auto 0 2px; } ' 2枚の画像を置いている場合はうまくいきます – Banzay
janky flexboxの罫線と余白を画像に使用することもできますが、既に提案されているオプションがより良いようです。 – Crowes