Html 垂直中心不'；行不通

我正在写一个联系页面，但我有一个奇怪的问题。就在输入和文本区域，我有一个十字。当我指向十字架时，会有文字，但这很好。 我把中心垂直地放在中间，这样它就会出现在输入/文本的中间。我已经在DIV中设置了输入/文本和交叉，并且输入DIV的工作很好，但是TexTaReaDIV比输入DIV高，所以我遇到的问题是交叉在底部而不是在中间。请查看问题所在：

---

如果您需要更多信息，可以查看页面源。

您很可能错误地使用了垂直对齐，因为它通常是一种非常错误使用的css样式

---

您很可能错误地使用了垂直对齐，因为它通常是一种非常错误使用的css样式

---

在这里，您实际上可以做很多事情，但最简单的方法之一可能是将您的跨类浮动到右侧，并添加一些顶部边距

.cross {
    height: 20px;
    width: 20px;
    margin: 2px;
    float: right;
    margin-top:0.6em;
}

---

<> > >编辑： Do注意，这不会在文本区域的中间放置十字，但是考虑到垂直对齐可能是浏览器不一致的，在右上方放置十字交叉权也可能不是一个坏的调用。

这里你可以做很多事情，但也许最简单的一个就是简单地浮动。你的交叉类的权利，并添加一些顶部边缘

.cross {
    height: 20px;
    width: 20px;
    margin: 2px;
    float: right;
    margin-top:0.6em;
}

---

<> > >编辑： Do注意，这不会在文本区域的中间放置十字，但是考虑到垂直对齐可能是浏览器不一致的，在右上方放置十字交叉权也可能不是坏的调用。

< P>我将从HTML中删除IMG，并将其通过CSS（实际上是演示文稿）。将一个类放到第三个div，然后使用以下样式：

.theDivClass {
padding-right: 40px; /*the img width + a little more */
background: url(pathtotheimg) no-repeat center right; /*Center right does the trick here*/
}

---

我认为这是最简单的方法。

我会将img从html中删除，并通过CSS（实际上是表示性的）。将一个类放到第三个div，然后使用以下样式：

.theDivClass {
padding-right: 40px; /*the img width + a little more */
background: url(pathtotheimg) no-repeat center right; /*Center right does the trick here*/
}

---

我认为这是最简单的方法。

您在这里提供的CSS与演示站点上的CSS不同。对不起。我在尝试其他东西。你在这里提供的CSS与你的演示网站上的CSS不一样。对不起。我在尝试其他事情。