css 限制文字长度

来源:百度知道 编辑:UC知道 时间:2024/05/25 12:25:25
<html>
<body>
<table>
<tr>

<td width="50px">AAAAAAAAAAAAAAAAAA</td>

</tr>
</table>
</body>
</html>
实际内容是AAAAAAAAAAAAAAAAAAAAAAA

我不想让文字AAAAAAA超出50px的范围 就是不让td因为文字宽度而变长

也不想让他换行 就要限制他的显示 比如AAAAAAAA... 这样

有没有什么办法啊 请高手帮忙

2楼高手 用中文就不行啊 555

<html>
<head>
<style>
#tb1 td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:50px;}//在这里调节width的值就可以了
</style>
</head>
<body>
<table id="tb1" border=1px style="table-layout:fixed">
<tr>
<td>AAAAAAAAAAAAAAAAAA</td>
</tr>
<tr>
<td>1111111111111111111111111111111</td>
</tr>
</table>
</body>
</html>
////////不知道怎么回事,在table里面的中文就不行,其他元素里面都没问题的,你要的效果用javascript也可以实现的,我写个程序给你
/////////////////////////////////////////////////////////////
<html>
<head>
<script>
function cc()
{
var a=document.getElementById("tb1").rows.length; //获取表格的行数
for(var zz=0;zz<a;zz++)
{
var b=document.getElementById("tb1").rows[zz].cells[0].innerText;
if(b.length>10)