如何将图像合并到我的文本中？HTML CSS
我在我的网站上工作，我想有一个很好的报价。要做到这一点，我希望在文本的开头和结尾有两个大引号图像，就像合并到文本中一样，当我调整窗口大小时，它们会随着文本移动 我试着使用一个带有显示的span:block和图像作为背景，但它的行为就像一个div 如果使用div和边距将其放置在右侧，则在调整窗口大小时，它将保持在同一位置，不再与文本对齐 你有什么建议 编辑 以下是我想要的：如何将图像合并到我的文本中？HTML CSS,html,css,Html,Css,我在我的网站上工作，我想有一个很好的报价。要做到这一点，我希望在文本的开头和结尾有两个大引号图像，就像合并到文本中一样，当我调整窗口大小时，它们会随着文本移动 我试着使用一个带有显示的span:block和图像作为背景，但它的行为就像一个div 如果使用div和边距将其放置在右侧，则在调整窗口大小时，它将保持在同一位置，不再与文本对齐 你有什么建议 编辑 以下是我想要的： 您可以尝试这个原始css，您可以根据需要定制它 html{ 背景：灰色； } 大宗报价{ 背景：白色； 显示：内联块； 位
您可以尝试这个原始css，您可以根据需要定制它
html{
背景：灰色；
}
大宗报价{
背景：白色；
显示：内联块；
位置：相对位置；
填充：30px 30px
}
区块报价：之前{
内容：‘’”；
位置：绝对位置；
字体大小：48px；
顶部：10px；
左：10px；
}
blockquote：之后{
内容：‘’”；
位置：绝对位置；
字体大小：48px；
底部：-10px；
右：10px；
}
这是blockquote的一个示例。
html{
背景：灰色；
}
大宗报价{
背景：白色；
显示：内联块；
位置：相对位置；
填充：30px 30px
}
区块报价：之前{
内容：‘’”；
位置：绝对位置；
字体大小：48px；
顶部：10px；
左：10px；
}
blockquote：之后{
内容：‘’”；
位置：绝对位置；
字体大小：48px；
底部：-10px；
右：10px；
}
这是blockquote的一个示例。
<p class="your-quote-wrapper">
<span><img src="/quote-icon-left.png"></span>Blabla blabla text<span><img src="/quote-icon-right.png"></span>
</p>
<p class="your-quote-wrapper">
<span><img src="/quote-icon-left.png"></span>Blabla blabla text<span><img src="/quote-icon-right.png"></span>
</p>
使用span是正确的选择，但应将其设置为
inlineinline block如果可以使用图像以外的其他内容，则可以在引号字符本身周围放置一个跨距，并使用任何unicode或其他字体系列作为引号。然后，您可以在其周围放置一个span，并在维护内联文本引用的同时按您的意愿进行设置。使用span是正确的选择，但您应该将其设置为
内联内联块如果可以使用图像以外的其他内容，则可以在引号字符本身周围放置一个跨距，并使用任何unicode或其他字体系列作为引号。然后，您可以在其周围放置一个span，并在维护内联文本引号的同时按自己的意愿进行设置。使用伪元素。不过，向我们展示您的标记会很好。好了，我添加了一个图像，向您展示我想要的lileUse伪元素。不过，向我们展示您的标记会很好。好了，我添加了一个图像，向您展示我的想法。您为什么要使用span？为什么不将CSS应用于img呢？@Rob完全内联将使所有元素处于同一级别，并降低扭曲的可能性。“将css应用于img”是什么意思？很抱歉，我没有明白，如果你将CSS应用到图像上，并且不考虑跨度，你会完成同样的事情。@Rob是的，正确。正如他在问题中提到的，这只是一个包装器，他正在使用
span内联块span内联块