如何使用内联块属性

你好，我试图把下方的背景图片文字下面放置背景图片的文本。像这里我想要放置两个背景图像并排和下面每个图像我想放置文本。我有一个div类，它具有样式内联块属性。所以我怎么可以做这个帮助或使用内联块property.i已尽我所能地解释我的问题。如果可能的话，请通过我的小提琴链接。我已经尝试过这个属性，但文本重叠在图像上，我希望图像下面也检查类似的问题，没有人做过背景图像，所以请查看我的代码，我已经尝试过它在评论框中给出。请帮助我谢谢。 :)如何使用内联块属性

来源

2017-03-08 Arch

“如果可能的话，那么请通过我的小提琴链接” - 在哪里链接？ –

我的代码： - https://jsfiddle.net/archan/a4c33ucd/ – Arch

在你的小提琴中，你使用了2个图像：'background-image：url（“../ images/solution1.png”）;' - 但是他们不存在于小提琴的源头。我建议你解决这个问题。 –

你还没有为你的imgcontainer内的段落标记设置CSS属性。

在我的小提琴，我增加了以下内容：

.imgcontainer p { 
    position: relative; 
    top: 100px; 
}

我还添加了background-size到两个背景图像。我用background-size: cover;（我更换了图像的URL与那些我在我的图像文件夹在我的网站）

https://jsfiddle.net/RachGal/f0fsLd2h/：小提琴

来源

2017-03-08 09:08:47

耶谢谢@Rachel，但是当我在第二个div中写下一些较少的单词时，它是图像2类，它将与文本和图像稍微对齐，参见https：// jsfiddle。net/archan/f0fsLd2h/3 /所以我可以做同样的事情，但保持相同的水平 – Arch

@Arch在段落中添加宽度和高度https://jsfiddle.net/RachGal/wm671gya/ - 更新小提琴。小提琴的宽度是110，如果你希望它是110，你必须引入一个像https://jsfiddle.net/RachGal/f0fsLd2h/6 –

@Arch感谢接受。快乐，我可以帮助 –

我希望这是您要寻找的。

这里是一个更新的小提琴链接： Fiddle

如果改变TE背景色的图像，它应该仍然工作

我只是说：

.imgcontainer p { 
    position: relative; 
    bottom: -90px; 
    max-width: 100px; 
}

要该段

来源

2017-03-08 09:07:51

p会影响页面上的所有段落。通过使用.imgcontainer p，它将受影响的选择范围缩小到imgcontainer部分/类中的段落。 –

谢谢，但是当我写第二个div中的一些较少的单词是图像2类它将与文本和图像一点点对齐看到jsfiddle.net/archan/f0fsLd2h/3所以我怎么能做同样的事情，但保持相同level – Arch

@Arch只需在段落中添加最小高度，并在需要时使用：overflow：auto; –

如何使用内联块属性

回答

相关问题