How to make the table a fixed size and display the excess parts as ellipses

How to make the table a fixed size and display the excess parts as ellipses_Experience exchange

WBOY

Release： 2016-05-16 12:10:29

Original

2065 people have browsed it

[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

If it is How to do it in

<title> New Document </title>

<style>

.ctl {text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} 
</style>

<div class="ctl" style="width:234;height:99;background:cyan;">The title is expanded: The scholar-officials of the associate professor saw it, and it seemed that it was difficult, but the sixteenth plane was immediately there. The title was expanded: The scholar-officials of the associate professor saw it, and it seemed that it was difficult, but the sixteenth plane was immediately </div>

<ul class="ctl" style="width:234;">
<li>The title is expanded: The scholar-officials of the associate professor saw it, and it seemed that it was difficult, but the sixteenth plane immediately appeared. The title was expanded: The scholar-officials of the associate professor saw it, and it seemed that it was difficult, but the sixteenth plane was immediately </li>
<li> The title is expanded. The scholar-officials of the associate professor see it. It seems that it is difficult, but the sixteenth plane is immediately. The title is expanded. The scholar-officials of the associate professor are seen. It is difficult, but the sixteenth plane is immediately </li>
</ul>

[Ctrl+A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

text-overflow:ellipsis;