css 控制文字长度问题

html-css08

css 控制文字长度问题,第1张

假如html代码是：

<div class="title">我是123214啊啊啊啊啊啊按时间啊暗示啊啊啊啊啊啊啊</div>

那么css可以这么写：

<style>

.title{

width:8em

overflow:hidden

text-overflow:ellipsis

white-space:nowrap

word-break:keep-all

}

</style>

提示：这个text-overflow只有IE 6.0+支持，在ff/chrome下无效。

在table

中控制单元格之间的间距要用到cellspacing、cellpadding，默认情况cellspacing、cellpadding均不为0，但经

常的状况为了不让table单元格之间的间距影响到美观，我们经常会把cellspacing、cellpadding设置为0，因此经常看到“<

table

cellspacing=0

cellpadding=0>”这样的代码。这样做无形中增加了代码的体积，而且也极其不符合样式与内容分离的web标准，对于我本人来说也是极其

厌恶这样的形式的，因此使用css控制cellspacing/cellpadding显的意义重大了！以下是控制方法：

table{border:0margin:0border-collapse:collapse}

table

td{padding:0}

第一行控制cellspacing，关键是“border-collapse:collapse”这一句；第二行控制cellpadding

cellpadding

对应

td

padding

cellspacing

对应

td

margin

说的还不够清楚吗？

cellpadding，cellspacing都是废弃的属性了，早已不推荐使用，最新的html5里已经彻底去掉了这些表现型的属性。正确的做法是，合并表格边框，然后用th，td的padding设置内容和边框之间的空隙。

你想有间隔,就table

td{

padding:15px

},就可以了啊