+ -
当前位置:首页 → 问答吧 → 为什么a标记不会折行,white-space的ie支持

为什么a标记不会折行,white-space的ie支持

时间:2010-09-23

来源:互联网


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <style type="text/css"> #box{ width:200px; border:1px solid #666; overflow:hidden;} #box a{white-space:nowrap; line-height:20px; margin-right:10px;} </style> <body> <div id="box"> <a href="#">我的kuku123</a><a href="#">设为首页设为首页</a><a href="#">主页修复</a><a href="#">宽屏版</a><a href="#">网友留言</a><a href="#">我的kuku123</a><a href="#">设为首页</a><a href="#">主页修复</a><a href="#">宽屏版</a><a href="#">网友留言</a> </div> </body> </html>
 提示:您可以先修改部分代码再运行
在火狐中是可以换行的,在ie里就不行。

作者: xingyuesi   发布时间: 2010-09-23

为#box a 加个 float:left;

作者: display   发布时间: 2010-09-23

谢谢display的回答,可以了。

作者: xingyuesi   发布时间: 2010-09-23

我还发现,只要触发了ie的haslayout 就ok了,不想浮动的时候,可以用zoom:1;太感谢了

作者: xingyuesi   发布时间: 2010-09-23