如何在html框中并排放置4幅图像、标题和说明
如何将4个图像、标题和描述并排放在一个html框中?没有链接,只有文本。如下图所示:如何在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,
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;
}