在构建类似 Bootstrap 这样的 CSS 系统时，保持系统的简单性、稳定性、灵活性是相当重要的。这并非易事，尤其对于大型团队和项目来说，组件的数量可能会变得相当庞大。为了改善这种状况，你不妨考虑用前缀式类名取代链式类名。
.success { ... }.btn.success { .. }
.alert.success { ... }
<html><head>
<style>
#tb1 td{white-space:nowraptext-overflow:ellipsisoverflow:hiddenwidth: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=0zz<azz++)
{
var b=document.getElementById("tb1").rows[zz].cells[0].innerText
if(b.length>10) //如果字符长度大雨10位
{
document.getElementById("tb1").rows[zz].cells[0].innerText=b.substring(0,10)+"..."//截取第1到10位 ，并加省略号
}
}
}
</script>
</head>
<body onload=cc()>
<table id="tb1" border=1px style="table-layout:fixedwidth:auto" >
<tr>
<td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
</tr>
<tr>
<td>1111111111111111111111111111111AAA</td>
</tr>
</table>
</body>
</html>
您好：可是给div 或者图片加宽度
img{
width:XXpx
height:XXXpx
}
或者是用class属性给div加都可以
很高兴为您解答 满意请及时采纳
