html 使用div创建内容容器

vq8itlhq  于 2022-12-09  发布在  其他
关注(0)|答案(3)|浏览(174)

我正在构建一个小页面,我有一个div内容 Package 器,其中有几个包含实际内容的div。只是由于某种原因,我想保存文本的div没有保存文本。最终,我试图在照片和文本之间添加一点空间。注意文本的第一行是如何与图像隔开的,但其余的都与图像相邻。代码如下:
第一个

z5btuh9x

z5btuh9x1#

问题是您使用的是display: inline;而不是display: inline-block;。将元素转换为块意味着您必须手动指定容器的宽度,否则块将假定100%的父宽度,从而将元素放在自己的行上。
下面是一个例子:
第一个

eit6fx6z

eit6fx6z2#

为了在右侧添加空格,我使用floatmargin
第一个
上面的代码如下:

pgpifvop

pgpifvop3#

您也可以只对换行div应用flex
第一个

相关问题