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/

您可能希望从inline-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

希望它会有所帮助

标签的垂直对齐

4 个答案: