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，垂直對齊表格單元格中的一個錨點

回答

相關問題