2017-06-30 21 views
1

テキストを<td>の上隅に移動するにはどうすればよいですか?私はこれを試しましたが、この仕事はありません。テキストをTDの上に移動する

enter image description here

.cssprop 
 
{ 
 
    display: inline-block; 
 
    vertical-align: text-top; 
 
}
<table border="1"> 
 
    <tr> 
 
    <td class="cssprop"> 
 
    14. 
 
    </td> 
 
    <td> 
 
    some very long text 
 
    </td> 
 
    </tr> 
 
</table>

+0

それはあなたの例では最上位に既にあります。 'td {height:50px}'を追加すると、 – Morpheus

+0

は 'vertical-align:top'を試してみます –

+0

は両方とも試してみました。 – User2309

答えて

0

私は、これはあなたが欲しいものだと思う:

<table border="1"> 
    <tr> 
    <td class="cssprop"> 
    14. 
    </td> 
    <td> 
    some very long text 
    </td> 
    </tr> 
</table> 

<style> 
.cssprop 
{ 
    display: block; 
    vertical-align: top; 
    height: 200px !important; 
} 
</style> 

CSSの高さは、表示結果を誇張するように変更されました。ここ

JSFiddle:https://jsfiddle.net/md2100/74stpf0p/

関連する問題