Html 如何在RubyonRails中浮动图像标记?
我想将logo.png浮动到左侧,但它不起作用。以下是我的Rails代码:Html 如何在RubyonRails中浮动图像标记?,html,css,ruby-on-rails,Html,Css,Ruby On Rails,我想将logo.png浮动到左侧,但它不起作用。以下是我的Rails代码: 普拉格图书在线商店 正确%> 正确%> 当然,这只是一个近似值,您需要进行调整,但看看是如何完成的,并根据需要进行更改。图像标记有一个默认的显示样式,即内联,它不会浮动。您应该将样式表中的显示更改为块。另外,将其位置样式设置为相对,以允许在#横幅div内“推送”块: #banner { background: #9c9; padding: 10px; border-bottom: 2px sol
普拉格图书在线商店
正确%>
正确%>
当然,这只是一个近似值,您需要进行调整,但看看是如何完成的,并根据需要进行更改。图像标记有一个默认的显示样式,即内联,它不会浮动。您应该将样式表中的显示
更改为块
。另外,将其位置
样式设置为相对
,以允许在#横幅
div内“推送”块:
#banner {
background: #9c9;
padding: 10px;
border-bottom: 2px solid;
font: small-caps 40px/40px "Times New Roman", serif;
color: #282;
text-align: center;
img {
display: block;
position: relative;
float: left;
}
}
希望这对你有用 这与Ruby没有任何关系,我也不认为它与RubyonRails没有任何关系。它是纯CSS。完美。非常感谢!对不起,您还应该添加位置:相对
,这样img
就可以在包含#横幅
的div中自由浮动
。我将编辑我的答案。
#banner {
background: #9c9;
padding: 10px;
border-bottom: 2px solid;
font: small-caps 40px/40px "Times New Roman", serif;
color: #282;
text-align: center;
img {
display: block;
position: relative;
float: left;
}
}