Question

不到7小时前，我才开始编码。我掌握了所有基础知识，还有更多关于内存的知识，但这在任何地方都找不到解决方案。

这是一个虚拟的html文件，其中仅包含我正在使用的文本和图像，直到正确为止；

<!DOCTYPE html>
<html>

  <head>
    <p><img src="https://images-eu.ssl-images- 
amazon.com/images/I/71VQR1WetdL.png" 
style="float:left;width:60px;height:60px;"><i><b><font size='10'><font 
color='red'><font face="calibri">@17thursday</font></b></i>
    <title></title>
  </head>

  <body></p>

  </body>

</html>

您会发现图像和文本都应该在屏幕顶部并排对齐。这使它们同时出现在我苦苦挣扎的屏幕底部。

Answer 1

您不应将设计代码放在“ head”标签中！

您应该在“ body”标签中定义它们

Answer 2

这有效吗？

  <!DOCTYPE html>
  <html>

  <head>
    <title></title>
  </head>

  <body>

    <p><img src="https://images-eu.ssl-images- 
amazon.com/images/I/71VQR1WetdL.png" 
style="float:left;width:60px;height:60px;position:fixed;bottom:0px;"><i><b><font size='10'><font 
color='red'><font face="calibri">@17thursday</font></b></i></p>

  </body>

</html>

如何在屏幕上上下移动文本和图像，同时保持它们并排对齐？

2 个答案: