如何使用內聯塊屬性

你好，我試圖把下方的背景圖片文字下面放置背景圖片的文本。像這裏我想要放置兩個背景圖像並排和下面每個圖像我想放置文本。我有一個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; –

如何使用內聯塊屬性

回答

相關問題