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;
}