摘要: 即text-overflow:ellipsis,需要配合white-space:nowrap使用。运行代码:[提示:你可先修改部分代码,再按运行]在进行DivCSS布局时,需要对文本进行控制,今天系统的向大家介绍一下。CSS中控制换行的四种属性。 一、white-space 可以实现HTML中PRE标签的效果,以及单元格的noWrap效果。 语法: white-space:normal|pre|nowrap 取值: normal:默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre:换行和其他空白字符都将受到保护。这个值需要IE6+或者!DOCTYPE... 阅读全文
posted @ 2013-08-01 10:29 程序员-初学者 阅读(924) 评论(0) 推荐(0) 编辑
摘要: 当一条信息的字数超过了容器的长度后,该怎么显示呢?一般来说,这样的信息是文章的标题,新闻列表一般对宽度是有限制的,一般的宽度也有200PX左右吧。一般超过之后我们就希望显示省略号,问题是:该怎么显示才好呢?我们可以写一个函数然后将多余的字符用“...”代替,但是这样也有不好的地方,那就是:事实上还是控制不好的。当你用left()函数的时候,它读取的长度不一定相同,因为标题里面可能带数字和英文。并且,这样的标题对于蜘蛛来说,是没办法看到全部的。一个好的方法是用CSS来控制容器,当标题的长度大于容器的长度时,我们可以用text-overflow来生成“...”而不是简单的截取。text-overf 阅读全文
posted @ 2013-08-01 10:27 程序员-初学者 阅读(1433) 评论(0) 推荐(0) 编辑