当前位置：首页 → 问答吧 → 文字个数字混排时在IE有下垂现象请问怎么解决尝试过加空格貌似没用

文字个数字混排时在IE有下垂现象请问怎么解决尝试过加空格貌似没用

时间：2010-09-07

来源：互联网

文字个数字混排时在IE有下垂现象请问怎么解决尝试过加空格貌似没用

[ 本帖最后由 Lydia530 于 2010-9-7 09:49 编辑 ]

附件

Snap1.gif (652 Bytes)

2010-9-7 09:49

作者: Lydia530 发布时间: 2010-09-07

具体代码是什么，发出来看看。

作者: CHENA 发布时间: 2010-09-07

方法一：设置字体为：simsun（宋体）
方法二：横向排列不要使用float，而使用display:inline。
方法三：每一项都加上 

推荐使用方法二。

作者: 14px 发布时间: 2010-09-07

复制内容到剪贴板

代码:

<!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>
<style>
*{list-style:none; margin:0; padding:0; font-size:12px; }
a{color: #000000; text-decoration:none;}
a:hover{color: #CC0000;text-decoration:underline;}
.toplink{ background:#e2e1e1; width:960px; height:28px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.toplink_l{  margin-left:10px; display:inline-block}
.toplink_l li{ float:left; border-right:1px solid #333; margin:7px 0 0 0; padding:0 10px;}
</style>
</head>
<body>
<ul class="toplink_l l">
      <li><a href="#">个人中心</a></li>
      <li><a href="#">我的主页</a></li>
      <li><a href="#">资料设置</a></li>
      <li style="font-family:Verdana, Arial, Helvetica, sans-serif;"><a href="#">消息（<span class="red2">2</span>）</a>：<a class="addfri" href="#">静静想跟你成为好友</a></li>
</ul>
</body>
</html>

作者: Lydia530 发布时间: 2010-09-07

<!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> <style> *{list-style:none; margin:0; padding:0; font-size:12px; } a{color: #000000; text-decoration:none;} a:hover{color: #CC0000;text-decoration:underline;} .toplink{ background:#e2e1e1; width:960px; height:28px;font-family:Verdana, Arial, Helvetica, sans-serif;} .toplink_l{ margin-left:10px; display:inline-block} .toplink_l li{ float:left; border-right:1px solid #333; margin:7px 0 0 0; padding:0 10px;height:12px;overflow:hidden} </style> </head> <body> <ul class="toplink_l l"> <li><a href="#">个人中心</a></li> <li><a href="#">我的主页</a></li> <li><a href="#">资料设置</a></li> <li><a href="#">消息(<span class="red2">2</span>)</a>：<a class="addfri" href="#">好友</a></li> </ul> </body> </html>
提示：您可以先修改部分代码再运行

作者: geminids 发布时间: 2010-09-07