Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Float::在内容之前不进行包装_Html_Css - Fatal编程技术网

Html Float::在内容之前不进行包装

Html Float::在内容之前不进行包装,html,css,Html,Css,给定以下标记: <blockquote>This is a quote, and it's probably going to flow over multiple lines</blockquote> 除了避免包装外,它还能做任何事情 编辑:我使用的是::before而不是简单地指定padding+背景图像,因为我要使用的背景图像是sprite,这样做将允许sprite中的其他图像出现。而不是float:left使相对定位,并使:before绝对定位右侧:100%规

给定以下标记:

<blockquote>This is a quote, and it's probably going to 
flow over multiple lines</blockquote>
除了避免包装外,它还能做任何事情


编辑:我使用的是
::before
而不是简单地指定padding+背景图像,因为我要使用的背景图像是sprite,这样做将允许sprite中的其他图像出现。

而不是
float:left
使
相对定位,并使
:before
绝对定位<代码>右侧:100%规则将始终将
:before
定位到
的左侧。当然,这需要一个余量


而不是
浮动:左
使
相对定位,使
:before
绝对定位<代码>右侧:100%规则将始终将
:before
定位到
的左侧。当然,这需要一个余量


我可能完全错了,但如果我正确理解了你的问题,你就太复杂了。只需在
块引号上设置一个填充,并使用背景


如果背景是精灵式的,因此需要一个固定的大小,.

我可能完全错了,但如果我正确理解了你的问题,你就太复杂了,而且。只需在
块引号上设置一个填充,并使用背景


如果背景是sprited的,因此需要固定的大小,.

啊,很抱歉我在我的原始帖子中错过了这一点:我想要使用的背景图像实际上是sprited的,这使得简单地将其用作整个元素的背景图像变得复杂,很抱歉,我在我的原始帖子中漏掉了这一点:我想要使用的背景图像实际上是sprited,这使得简单地将其用作整个元素的背景图像变得复杂。。
blockquote::before {
    content: "";
    width: 25px;
    height: 25px;
    margin: 0 10px 0 0;
    display: block;
    float: left;
    background: #999;
}