web开发过程中，有时候从数据库查出来的数据过长，前台页面如果没有控制好，会显示很长的数据，影响美观，这个时候就需要只显示固定的长度，将多余的以“......”或者直接截取不显示，可以使用
text-overflow:clip 或者text-overflow: ellipsis
clip：不显示省略标记(...)，而是简单的裁切
ellipsis：当对象向内文本溢出时显示省略标记(...)
代码如下：<div style="width:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">
abcdefghijklmnopqrstuvwxyz
</di ......
纯css:
1 .在 table 的 css 中声明: border-collapse: collapse; border-spacing: 0;
2 .th td 的css 中声明: padding:0;
半纯css:
1.上同.
2.<table cell-padding="0" .............
详细见:
http://www.dreamdu.com/xhtml/attribute_cellpadding_cellspacing/
http://www.haoxiai.net/wangzhanzhizuo/cssjiaocheng/50293.html
引用如下:
表格的cellpadding和cellpadding我们经常会用如下的方式来清除默认样式：
<table cellspacing="0" cellpadding="0"></table>
很多朋友会说表现在结构中，这样不符合标准，那如何将这个表现拿出来，有些朋友或许很迷惑。我们可以用table的border-collapse: collapse;属性 来代替cellspacing="0"，用th,td的padding: 0; 属性来代替cellpadding="0"。
table {
border-collapse:collapse;
border-spacing:0;
}
th,td {
padding: 0;
}
还可以用expression来实现cellpadding="0"的样式：
table {
border-collapse:collapse;
border-spacing:0;
padd:expression(this.cellPadding=0);
}
下面我们看下《HTML与CSS入门经典（第7版）》一书中对这两个属性的描述：
对表格的设置不仅� ......
最新文章 :