如何使完整图像出现在分隔样式的左侧

时间:2019-03-02 15:15:42

标签: javascript html css

如何在分隔样式的左侧放置小图像?

示例:

下面的代码不起作用,我应该添加些什么使图像显示在div标签的左侧

<div style="text-align:center;background-color: white; padding: 10px;background-image:url('https://blog.hubspot.com/hubfs/image8-2.jpg');background-size: 100% 100%">GOOGLE</div>

1 个答案:

答案 0 :(得分:0)

您现在所做的是将div的背景设置为该图像。 您也提供了示例,但我不明白。该示例只是一张图片。 如果你想做什么 您可以执行此操作,看看您在说什么

<div style="width:auto; height:auto;"><img src="https://blog.hubspot.com/hubfs/image8-2.jpg" style="float:left; height:100px; width:100px;"/> <div style="background-color: blue; height:100px; width:200px float:left"</div></div>