表位文本css

我想在第三個單元格的左上角顯示我的文本。表位文本css

<table border="1" style="width: 100%;"> 
<tr> 
    <td style="width: 15%;"> 
     lol lol lol lol lol 
     lol lol lol lol lol 
     lol lol lol lol lol 
     lol lol lol lol lol 
    </td> 
    <td style="width: 3%;"> 

    </td> 
    <td style=""> 
     Name 
    </td> 
</tr> 
</table>

來源

2014-02-24 zak zak

position：absolute; 寬度：78％; border：0; 給這個風格 http://jsfiddle.net/24nd5/8/ –

爲了讓更多的動態，你可以添加：

table tr td:last-child { vertical-align:top; }

或

table tr td:nth-child(3) { vertical-align:top; }

Fiddle here

現在，如果你添加更多的行，每行最後一個單元格（或第三取決於你從上面使用的代碼）將在左上角有文字

Fiddle here

來源

2014-02-24 09:23:04

請你最後<td>

vertical-align:top;

這裏是更新的演示鏈接添加此內聯的CSS。

Demo

來源

2014-02-24 09:19:37

謝謝你的回答@Kheema Pandey！ –

嗨扎克，你應該檢查綠色標記，所以其他人知道什麼答案更準確。否則對於正在尋找相同種類答案的用戶來說會更加困惑。 –

，如果你只想用於第三個單元格，你可以使用僞選擇符'：last-child' – user2167382

這很容易，只需添加垂直對齊：首位;到原因中的<td>。

來源

2014-02-24 09:19:52

<td style="text-align:left; vertical-align:top"> 
    Name 
</td>

來源

2014-02-24 09:21:27 nikis

回答

相關問題