我正在构建一个小页面,我有一个div内容 Package 器,其中有几个包含实际内容的div。只是由于某种原因,我想保存文本的div没有保存文本。最终,我试图在照片和文本之间添加一点空间。注意文本的第一行是如何与图像隔开的,但其余的都与图像相邻。代码如下:第一个
z5btuh9x1#
问题是您使用的是display: inline;而不是display: inline-block;。将元素转换为块意味着您必须手动指定容器的宽度,否则块将假定100%的父宽度,从而将元素放在自己的行上。下面是一个例子:第一个
display: inline;
display: inline-block;
eit6fx6z2#
为了在右侧添加空格,我使用float和margin:第一个上面的代码如下:
float
margin
pgpifvop3#
您也可以只对换行div应用flex第一个
3条答案
按热度按时间z5btuh9x1#
问题是您使用的是
display: inline;
而不是display: inline-block;
。将元素转换为块意味着您必须手动指定容器的宽度,否则块将假定100%的父宽度,从而将元素放在自己的行上。下面是一个例子:
第一个
eit6fx6z2#
为了在右侧添加空格,我使用
float
和margin
:第一个
上面的代码如下:
pgpifvop3#
您也可以只对换行div应用flex
第一个