Html 水平对齐两个响应图像
仍在学习响应性网页设计,但遇到了障碍 有没有一种方法可以使这两个链接的图像水平对齐,而不是在保持响应性的同时彼此重叠? 基本上,我需要这些图像水平在同一条线上,同时仍保持响应 每个图像最好有两个div标签吗?还是一个div中有两个图像?我不确定 你可以看到我在做什么 这是小提琴: 加:Html 水平对齐两个响应图像,html,css,image,responsive-design,Html,Css,Image,Responsive Design,仍在学习响应性网页设计,但遇到了障碍 有没有一种方法可以使这两个链接的图像水平对齐,而不是在保持响应性的同时彼此重叠? 基本上,我需要这些图像水平在同一条线上,同时仍保持响应 每个图像最好有两个div标签吗?还是一个div中有两个图像?我不确定 你可以看到我在做什么 这是小提琴: 加: #header { padding-top: 1%; padding-bottom: .5%; background-color: white; } #header img { display: block; m
#header {
padding-top: 1%;
padding-bottom: .5%;
background-color: white;
}
#header img {
display: block;
margin-left: auto;
margin-right: auto;
height: 20%;
width: 20%;
}
#header {
/* If you want to center align the images horizontally */
text-align:center
}
#header img {
display: inline-block;
vertical-align:middle;
}