text-overflow:ellipsis用法
文字段在容器内超宽时,截断该文字段并且续以省略号。text-overflow:ellipsis;就是干这个用的:[html].ctl{table-layout:fixed} .ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} 这个是一个相当长的句子,然后就可以直接截
·
文字段在容器内超宽时,截断该文字段并且续以省略号。text-overflow:ellipsis;就是干这个用的:
[html]
<br><br>
<style>
.ctl{
table-layout:fixed
}
.ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
</style>
<center>
<table cellSpacing="0" cellpadding="1" width="456" class="ctl" border=1>
<colgroup>
<col>
<col width="60">
</colgroup>
<tBody>
<tr>
<td>这个是一个相当长的句子,然后就可以直接截取适当的文字,然后后面的用”...“代替</td>
<td>(1/1)</td>
</tr>
<tr>
<td>这个是一个相当长的句子,然后就可以直接截取适当的文字,然后后面的用”...“代替</td>
<td>(1/1)</td>
</tr>
<tr>
<td>这个是一个相当长的句子,然后就可以直接截取适当的文字,然后后面的用”...“代替</td>
<td>(1/1)</td>
</tr>
<tr>
<td>这个是一个相当长的句子,然后就可以直接截取适当的文字,然后后面的用”...“代替</td>
<td>(1/1)</td>
</tr>
</tBody>
</table>
[/html]
[html]
<br><br>
<style>
.ctl{
table-layout:fixed
}
.ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
</style>
<center>
<table cellSpacing="0" cellpadding="1" width="456" class="ctl" border=1>
<colgroup>
<col>
<col width="60">
</colgroup>
<tBody>
<tr>
<td>这个是一个相当长的句子,然后就可以直接截取适当的文字,然后后面的用”...“代替</td>
<td>(1/1)</td>
</tr>
<tr>
<td>这个是一个相当长的句子,然后就可以直接截取适当的文字,然后后面的用”...“代替</td>
<td>(1/1)</td>
</tr>
<tr>
<td>这个是一个相当长的句子,然后就可以直接截取适当的文字,然后后面的用”...“代替</td>
<td>(1/1)</td>
</tr>
<tr>
<td>这个是一个相当长的句子,然后就可以直接截取适当的文字,然后后面的用”...“代替</td>
<td>(1/1)</td>
</tr>
</tBody>
</table>
[/html]
更多推荐
已为社区贡献1条内容
所有评论(0)