Html 如何将文本放在图像旁边?
Html 如何将文本放在图像旁边?,html,css,Html,Css,.text{ 宽度:50px; 字体大小:27px; 浮动:左; 字体大小:粗体; } .形象{ 宽度:30%; 身高:100%; 清除:左; 浮动:对; } .家长{ 背景颜色:粉红色; 高度:350px; } ihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnii 以下是一个示例,为您指明正确的方向: 在这里,您要查看的最大内容是文本和图像的位置和显示设置:position:relative和显示:内联块使用flexbox怎么样(显
.text{
宽度:50px;
字体大小:27px;
浮动:左;
字体大小:粗体;
}
.形象{
宽度:30%;
身高:100%;
清除:左;
浮动:对;
}
.家长{
背景颜色:粉红色;
高度:350px;
}
ihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnii
以下是一个示例,为您指明正确的方向:
在这里,您要查看的最大内容是文本和图像的位置和显示设置:
position:relative代码>和显示:内联块代码>使用flexbox怎么样(显示:flex
):
.text{
宽度:49%;
单词包装:打断单词;
保证金:0;
自对齐:居中;/*垂直对齐文本*/
}
.形象{
宽度:49%;
身高:100%;
背景色:红色;/*用于说明*/
}
.家长{
背景颜色:粉红色;
高度:350px;
显示器:flex;
}
ihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnihnii
这是CSS,一级人物:只需使用float
。float
的值为left
、right
或none
()。元素的顺序也应该有影响
<p>Placeholder...</p>
<img alt="Placeholder" src="4072770.png" style="float: left;" />
<p>Placeholder...</p>
<img alt="Placeholder" src="4072770.png" style="float: right;" />
<img alt="Placeholder" src="4072770.png" style="float: left;" />
<p>Placeholder...</p>
<img alt="Placeholder" src="4072770.png" style="float: right;" />
<p>Placeholder...</p>
占位符
占位符
占位符
占位符
另外,在你获得更高的级别之前,不要在URL中添加空格或大写字母,否则你会造成更多的麻烦