html - 2 标签内 td 对齐

Question

我在 td 中有 2 个标签，并试图使对齐工作

可能吗 ？

这是相同的解释问题以及我需要的 Fiddle。

jsFiddle

 <tr>
        <td><label >Some Label Test:</label><label>Some Label Test:</label></td>
    <td>
        <label >Some Label Test:</label>
        <label >here is the long test which exceeds the width and comes to second line but i want it like it should start below after test: instaead from some</label></td>
 </tr>

如果长度很长，我会在里面寻找第二个标签，它将进入下一行并从第二个标签开始的位置开始。

Answer 1

这是一个简单的 div 用法，说明如何获得所需的内容。http://jsfiddle.net/KHAJz/3/

HTML

<div class="container">
    <div class="first">Some Label Test:</div>
    <div class="first">Some Label Test:</div>
    <div class="first">Some Label Test:</div>
    <div class="text">here is the long test which exceeds the width and comes to second line but i want it like it should start below after test: instead </div>
</div>

CSS

.container{
    width:700px;
    height:60px;
    display:inline-block;

}

.first{
    width:60px;
    height:60px;
    display:inline-block;
    float:left;
}
.text{
    width:300px;
    display:inline-block;
    float:left;
}

你要做的是制作一个容器，将所有东西放在一起，这样表格或 div 就不会随处可见。

Answer 2

如果您不想（或不能）更改您的 DOM，只需将其添加到您的CSS

label
{
    display: inline-block;
    height: 100%;
}

看到这个工作小提琴

但是，如果您可以更改 DOM，我建议您离开 Table 布局并使用divs 重构您的布局。- 就像基思的回答一样。