CSS，垂直对齐表格单元格中的一个锚点

-1

我需要将表格单元格中的锚点标记对齐到顶部，表格单元格包含一个textarea。我的代码如下，但锚标记对齐到textarea的底部。CSS，垂直对齐表格单元格中的一个锚点

<style> 
td { 
    border:#777 1px solid; vertical-align:top; 
} 

textarea { 
    height:100px; width:300px; 
} 
</style> 

<table> 
    <tr> 
    <td>Message:</td> 
    <td> 
     <textarea></textarea> 
     <a href="javascript:" title="Required">*</a> 
    </td> 
    </tr> 
</table>

如何垂直对齐锚点标记到单元格的顶部？

enter image description here

来源

2013-10-12 jondinham

'table'元素*和* CSS或布局？你会考虑全部使用CSS吗？ – alex

我已经把'vertical-align'放在'td'标签的css中。因为你可以看到单词“消息”在单元格的顶部。但在textarea的右侧单元格中，它不是 – jondinham

默认情况下，Textarea用来向下推近元件处于同一条线上

a { 
vertical-align: top; 
}

入住这JSFiddle

来源

2013-10-12 08:31:02 Praveen

<table> 
<tr> 
<td>Message:</td> 
<td> 
    <textarea></textarea> 
</td> 
<td> <a href="javascript:" title="Required">*</a></td> 
</tr> 
</table>

来源

2013-10-12 08:30:52

给锚的垂直取向顶部以及：

td a { 
    vertical-align: top; 
}

来源

2013-10-12 08:33:57

CSS，垂直对齐表格单元格中的一个锚点

回答

相关问题