2

我正在努力在 parent 内的 span 元素旁边放置一个 div 元素。

当前元素正在显示跨度元素。我需要它显示在 span 元素旁边。

这是我正在使用的 HTML 结构：

<td>
  <a align="right"><img></a>
  <a align="right"><img></a>
  <img>
  <a><img></a>
  <span id="labelSpan">test</span>
  <div id="headerDiv" style="margin-left:150px;">
    <table><tbody><tr><td></td></tr></tbody></table>
  </div>
</td>

另一个要求是我需要相对于父 td 元素而不是 span 元素设置 div 元素的边距。

请指教。

谢谢！

4

4 回答 4

3

尝试：

div {
    display: inline;
}

这将使 div 成为像 span 一样的内联元素，并且两者将并排放置。您可能还需要更改表格的显示。

于 2013-09-05T16:30:43.353 回答
0

你必须做三件事： 设置<span>和 的<div>显示inline-block。这将确保它们都在同一条线上。然后从<div>. _ 最后width在<span>. 现在.距左侧<div>正好150 像素<td>。

td > span {
    display: inline-block;
    width: 150px;
}
td > div {
    display: inline-block;
}

演示

先试后买

于 2013-09-05T16:41:22.603 回答
0

您可以制作span块级元素。

例子

span {
    display: block;
}
于 2013-09-05T16:29:59.660 回答
0

制作跨度显示线。这会将它放在 div 旁边。或者让它显示：块然后浮动跨度。（向左飘浮;）

 span {
    display: inline-block;
 }
于 2013-09-05T16:33:36.240 回答