Question

我想创建一个生物页面，左边有一张图片，图片右侧有姓名，标题，电子邮件和手机，在图片和右边的文字后面有一些关于此人的信息。这是我正在使用的代码，但它不起作用。我的图像和右边的文本显示我想要的位置，但是我的信息div显示在我的姓名，标题等部分旁边。

<div>
<div style="float:left"><img src="Images/fowler.jpg" alt="Fowler" /></div>

<div style="float:left">

<div>Name</div>
<div>Title</div>
<div>Email</div>
<div>Phone</div>

</div>

</div>

<div>Info about person</div>

任何帮助将不胜感激，谢谢。

Answer 1

正如有人已经说过的，你可能想考虑使用CSS。我个人非常喜欢为此创建表格：这应该是一个好的开始：

<table>
<tr>
  <td rowspan="5">
    <img src="Images/fowler.jpg" alt="Fowler" />
  </td>
</tr>
<tr>
  <td>Name</td>
</tr>
<tr>
  <td>Title</td>
</tr>
<tr>
  <td>Email</td>
</tr>
<tr>
  <td>Phone</td>
</tr>
<tr>
  <td colspan="2">Info about person</td>
</tr>
</table>

祝你好运！

Answer 2

如果我明白你想要什么，以下可能会有效

<div>
<div style="float:left"><img src="Images/fowler.jpg" alt="Fowler" /></div>

<div style="float:left">

<div>Name</div>
<div>Title</div>
<div>Email</div>
<div>Phone</div>

</div>

</div>

<div style="float:left">Info about person</div>

BTW，考虑在ext文件中声明你的CSS;）

div个人档案定位

2 个答案: