2017-06-30 12 views
1

Wie kann ich den Text in die obere Ecke eines <td> verschieben?. Ich habe es versucht, aber das funktioniert nicht.Text an die Spitze des td verschieben

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

Es ist bereits an der Spitze in Ihrem Beispiel. Add 'td {Höhe: 50px}' und Sie werden sehen – Morpheus

+0

versuchen Sie 'vertical-align: top' statt –

+0

versuchte beide, nicht für mich arbeiten !! – User2309

Antwort

0

Ich denke, das ist das, was Sie wollen:

<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> 

Die CSS Höhe der Anzeige Ergebnis Übertreibungen geändert wurde.

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

Verwandte Themen