css 控制文字长度问题

html-css012

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

},就可以了啊