Javascript 段落(文本)左侧的浮动图像
我有一个图像,我需要向左浮动,让文本的段落自动显示在右边 例如:Javascript 段落(文本)左侧的浮动图像,javascript,html,css,Javascript,Html,Css,我有一个图像,我需要向左浮动,让文本的段落自动显示在右边 例如: <div class:"floated-image"><img src="img/fox.png" alt="Fox logo"> <p>The quick brown fox jumped over the log. <a>The fox is here.</a> </p></div> .floated-image{ float: l
<div class:"floated-image"><img src="img/fox.png" alt="Fox logo">
<p>The quick brown fox jumped over the log. <a>The fox is here.</a>
</p></div>
.floated-image{
float: left;
}
那只敏捷的棕色狐狸跳过了圆木。狐狸来了。
.浮动图像{
浮动:左;
}
不幸的是,这是行不通的任何想法?我要到星期一才能拿到上学的材料,我想把这个问题解决!!除了这段代码,我已经做了所有其他的事情,并且我尝试将代码放在段落中。
CSS:
是错误的,
是正确的
使用此代码:
。浮动图像img{
浮动:左;
宽度:200px;
}
那只敏捷的棕色狐狸跳过了圆木。狐狸来了
是错误的,是正确的
使用此代码:
。浮动图像img{
浮动:左;
宽度:200px;
}
那只敏捷的棕色狐狸跳过了圆木。狐狸来了
试试这个:
<img style="height: 200px; width: 200px; float: left;" src="https://developers.google.com/search/images/searchHome-Amp.svg" alt="Fox logo">
<p>The quick brown fox jumped over the log. <a>The fox is here.</a>
</p>
那只敏捷的棕色狐狸跳过了圆木。狐狸来了。
试试这个:
<img style="height: 200px; width: 200px; float: left;" src="https://developers.google.com/search/images/searchHome-Amp.svg" alt="Fox logo">
<p>The quick brown fox jumped over the log. <a>The fox is here.</a>
</p>
那只敏捷的棕色狐狸跳过了圆木。狐狸来了。
像这样吗?它可以显示flex
,内联flex
,-webkit-box
。浮动图像{
浮动:左;
显示器:flex;
}
那只敏捷的棕色狐狸跳过了圆木。狐狸来了。
像这样吗?它可以显示flex
,内联flex
,-webkit-box
。浮动图像{
浮动:左;
显示器:flex;
}
那只敏捷的棕色狐狸跳过了圆木。狐狸来了。
不幸的是,它是一个需要CSS中上述命名结构的类,并且有多个图像…@JanineMcDaniel,好的,使用浮动图像img而不是img。请参阅更新的帖子。不幸的是,它是一个需要CSS中上述命名结构的类,并且有多个图像…@JanineMcDaniel,好的,使用浮动图像img而不是img。请参阅更新的帖子。在此处了解有关浮动的更多信息-在此处了解有关浮动的更多信息-