div不换行,css不换行,自动换行

来源:陈卓欣blog 时间:2009-09-07 12:52:00 

我们有时候看到一些文章因为一行的字符超长而把一些表格或DIV撑开或字符写到溢出了.

如何防止表格防止撑开,表格不被内容撑开,单行字符超长div被撑开,div 撑开页面排版布局的错乱

现在你可以使用下面的CSS设置下就可以了。

.test{
white-space:nowrap;/*不换行*/
overflow : hidden;/*超出的隐藏*/
text-overflow : ellipsis;/*这个在IE主要是超出的会自动用...来表示,属于CSS3.0,CSS2.1没有,*/
}

在IE6/7,FF都成功!

标签:换行,css,文字
0
投稿

猜你喜欢

  • 就 CSS3 向 Eric Meyer 请教的 6 个问题

    2008-12-29 13:52:00
  • 修改、删除数据记录(DELETE\\UPDATE)

    2009-02-27 15:50:00
  • 一些SQL查询语法参考

    2007-10-14 11:56:00
  • 大内存SQL Server数据库的加速剂

    2009-03-06 14:18:00
  • HTTP Headers 傻瓜教程[译]

    2010-01-25 12:48:00
  • IE中雅黑字体给布局带来的变化

    2008-06-13 11:22:00
  • ASP读取ini文件

    2010-01-20 11:17:00
  • WEB2.0网页制作标准教程(9)第一个CSS布局实例

    2008-02-19 19:05:00
  • ASP中的Debug类--VBScript

    2008-10-24 09:38:00
  • 支持鼠标拖拽的简单目录树代码

    2011-07-01 12:34:09
  • 浅谈JavaScript编程语言的编码规范

    2010-08-18 12:08:00
  • 关于asp分页的新想法

    2008-09-06 12:53:00
  • JavaScript caller与callee属性

    2009-01-19 13:39:00
  • JavaScript Date()在页面内显示日期

    2008-02-05 10:18:00
  • asp中常用的文件处理函数

    2009-01-08 18:09:00
  • Dreamweaver2004 中文乱码解决方案

    2007-01-31 10:20:00
  • DHTML+XML+ASP+CSS的树形目录

    2008-10-24 14:29:00
  • 编写SQL需要注意的细节Checklist总结

    2012-10-07 10:43:57
  • 简洁js的隔行变色代码

    2008-06-18 18:17:00
  • 白鸦:界面烂还是界面设计烂?

    2008-04-03 16:05:00
  • asp之家 网络编程 m.aspxhome.com