我有一個例子:如何在寬度爲100%的段落中顯示一行文本,這是表格單元格的一部分?
<table class="border" style="width:100%">
<tr>
<td style="width:30%" class="border p10">
Test
</td>
<td style="width:70%" class="border p10">
<p class="longText">
Looong text Looong text Looong text Looong text Looong text Looong text Looong text Looong text
</p>
</td>
</tr>
CSS:
.longText {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:100%
}
.border {border: solid 1px #ccc}
.p10 {padding: 10px}
你可以在這裏嘗試http://jsfiddle.net/rnwCw/20/
的問題是,長文本破壞了細胞的寬度(30%和70%)。如果我將.longText的寬度設置爲PX,例如200px,那麼表格就可以。但我需要的是100%的細胞。如何解決這個問題呢?
是的!你節省了我的時間!從來沒有用戶這個CSS屬性。謝謝! :-) – podeig