1

我试图让这个范围内的文本不超出 td. 有没有办法做到这一点？

<table style="height:62px; overflow:hidden; border-style:solid; border-width:thick; table-layout:fixed; width:100%">
    <tbody>
        <tr>
            <td style="width:256px"></td>
            <td valign="top" style="border-style:solid; border-width:thick"> <span style="font-size:20px;">
                    wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
                </span>

            </td>
            <td style="width: 180px"></td>
        </tr>
    </tbody>
</table>

http://jsfiddle.net/vqr4n/1/

4

3 回答 3

3

Add overflow:hidden;text-overflow:ellipsis; to your table cell.

jsFiddle example

于 2013-07-19T18:35:52.440 回答
2

To break it:

td{ word-wrap: break-word; }

To hide it:

td{ overflow: hidden; text-overflow:ellipsis; }

More info about text-overflow.

于 2013-07-19T18:33:38.000 回答
1

You can use 

.crop 
{
  width:100px;
  overflow:hidden;
  height:50px;
  line-height:50px;
}​
于 2013-07-19T18:34:16.460 回答