如何在html框中并排放置4幅图像、标题和说明

如何在html框中并排放置4幅图像、标题和说明,html,box,Html,Box,如何将4个图像、标题和描述并排放在一个html框中?没有链接,只有文本。如下图所示: Flex box是一个不错的选择: 这里有一个指南:Flex box是一个不错的选择: 这里有一个指南: .首先{ 浮动:左; 宽度:50%; } .img{ 浮动:左; 宽度:39%; 填充:10px; } 文本 { 宽度:39%; 浮动:左; 填充:10px; } .img img{ 宽度:100%; } Lorem ipsum dolor sit amet,是一位杰出的献身者。Nunc molestie,

如何将4个图像、标题和描述并排放在一个html框中?没有链接,只有文本。如下图所示:


Flex box是一个不错的选择:


这里有一个指南:

Flex box是一个不错的选择:

这里有一个指南:

.首先{ 浮动:左; 宽度:50%; } .img{ 浮动:左; 宽度:39%; 填充:10px; } 文本 { 宽度:39%; 浮动:左; 填充:10px; } .img img{ 宽度:100%; } Lorem ipsum dolor sit amet,是一位杰出的献身者。Nunc molestie,nibh-eu molestie前庭,orci内部的urna neque,我们的egestas diam massa vel magna。毛里斯·埃吉特·努克·内克·塞姆·乌尔特里斯·瓦里乌斯

Lorem ipsum dolor sit amet,是一位杰出的献身者。Nunc molestie,nibh-eu molestie前庭,orci内部的urna neque,我们的egestas diam massa vel magna。毛里斯·埃吉特·努克·内克·塞姆·乌尔特里斯·瓦里乌斯

.首先{ 浮动:左; 宽度:50%; } .img{ 浮动:左; 宽度:39%; 填充:10px; } 文本 { 宽度:39%; 浮动:左; 填充:10px; } .img img{ 宽度:100%; } Lorem ipsum dolor sit amet,是一位杰出的献身者。Nunc molestie,nibh-eu molestie前庭,orci内部的urna neque,我们的egestas diam massa vel magna。毛里斯·埃吉特·努克·内克·塞姆·乌尔特里斯·瓦里乌斯

Lorem ipsum dolor sit amet,是一位杰出的献身者。Nunc molestie,nibh-eu molestie前庭,orci内部的urna neque,我们的egestas diam massa vel magna。毛里斯·埃吉特·努克·内克·塞姆·乌尔特里斯·瓦里乌斯


您可以使用flex框来实现这一点。表、内联元素、flex、绝对位置、浮动。。。你可以用flex框来实现。表格,内联元素,flex,绝对位置,浮动。。。随便你说
.flex{
  display:flex;
}