标签的垂直对齐

Question

我在对齐标签时遇到问题，因此它与其旁边的textarea垂直齐平。

它突出了几个像素太高，我没有做任何事情似乎修复它。

我知道它看起来很奇怪，带有“ul”标签，但是这是一个元素，所以本节可以用于jQuery-UI可排序插件。

下面是HTML：

<tr> 
<td>Objectives</td> 
<td> 
    <input type="button" style="margin-top: 4px;" value="Add Objective"> 
    <div> 
     <ul> 
      <tr> 
       <td style="vertical-align:top;"> 
        <label style=" background-color: gray; color: white; cursor: pointer; font-weight: bold; padding: 4px;">1</label> 
       </td> 
       <td> 
        <textarea>Test</textarea> 
       </td> 
       <div style="vertical-align:top; height: 60px; color: red; font-weight: bold; size: 12px; cursor: pointer; float: right;"> x </div> 
      </tr> 
      <tr> 
      <tr> 
     </ul> 
    </div> 
</td> 

有人能看到反正得到这个工作的？

Answer 1

只需提供<td style="vertical-align:middle;">，并修复您的HTML： -

http://jsfiddle.net/7VvmH/

你可以大概想从内联-css移动到css类

Answer 2

您可以将vertical-align: middle;应用于标签和 textarea，例如，

http://jsfiddle.net/Adrift/w7yE8/

你的HTML格式不正确，将文件上传到w3c validator和纠正

Answer 3

只需添加“vertical-align：super”;标记

Answer 4

尝试应用vertical-align:middle;到各自的td

希望这将有助于