网络编程
位置:首页>> 网络编程>> 网页设计>> div不换行,css不换行,自动换行

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

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

标签:换行,css,文字

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

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

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

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

在IE6/7,FF都成功!

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com