假如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
},就可以了啊