P标记换行问题！在线求救~~
时间：2010-06-02
来源：互联网
代码：
<div class="stockdiv-account">
<p>转入资金：$<span class="red-word"> 244,91.58</span></p>
<p>资产总值：$ <span class="red-word">27,570.00</span></p>
<p>可用资金：$ <span class="red-word">16,426.42</span></p>
<p>冻结资金：$ <span class="red-word">11,3011212121212127.50</span></p>
<p>股票市值：$ <span class="red-word">699.21</span></p>
<p>总盈亏：$ <span class="red-word">11,307.50</span></p>
<p>浮动盈亏：$ <span class="green-word">-2,380.00</span></p>
</div>
css：
.stockdiv-account{ width:820px; height:auto; overflow:hidden; border:1px solid #b0cae3; margin:10px 0px; clear:both; line-height:30px; background-color:#e1edf9; padding:0px 3px; font-family:"微软雅黑", "宋体", "Times New Roman"; text-align:left;}
.stockdiv-account p{text-align:center; font-size:11px; color:#333; padding:0px 4px; float:left;}
.stockdiv-account p span{display:inline;}
在IE8和火狐里面，当P标记里面的内容多了，超过820px后，整个的P标记就会换行，是正确的（如附件1）
可是在IE6、7里面，P里面的内容会分几行，郁闷！（如附件2）
哪位高手知道怎么解决这个问题啊？
，
[ 本帖最后由 mickeylight 于 2010-6-2 14:55 编辑 ]
IE8正常.png (5.54 KB)
ie6.7.png (5.14 KB)
<div class="stockdiv-account">
<p>转入资金：$<span class="red-word"> 244,91.58</span></p>
<p>资产总值：$ <span class="red-word">27,570.00</span></p>
<p>可用资金：$ <span class="red-word">16,426.42</span></p>
<p>冻结资金：$ <span class="red-word">11,3011212121212127.50</span></p>
<p>股票市值：$ <span class="red-word">699.21</span></p>
<p>总盈亏：$ <span class="red-word">11,307.50</span></p>
<p>浮动盈亏：$ <span class="green-word">-2,380.00</span></p>
</div>
css：
.stockdiv-account{ width:820px; height:auto; overflow:hidden; border:1px solid #b0cae3; margin:10px 0px; clear:both; line-height:30px; background-color:#e1edf9; padding:0px 3px; font-family:"微软雅黑", "宋体", "Times New Roman"; text-align:left;}
.stockdiv-account p{text-align:center; font-size:11px; color:#333; padding:0px 4px; float:left;}
.stockdiv-account p span{display:inline;}
在IE8和火狐里面，当P标记里面的内容多了，超过820px后，整个的P标记就会换行，是正确的（如附件1）
可是在IE6、7里面，P里面的内容会分几行，郁闷！（如附件2）
哪位高手知道怎么解决这个问题啊？
，
[ 本帖最后由 mickeylight 于 2010-6-2 14:55 编辑 ]
附件
IE8正常.png (5.54 KB)
2010-6-2 14:53
ie6.7.png (5.14 KB)
2010-6-2 14:55
IE67不正常（附件二）
作者: mickeylight 发布时间: 2010-06-02
加个clear:both不行吗
作者: qxq864298 发布时间: 2010-06-02
看下吧~不知道是否你想要的效果；；
<!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=utf-8" /> <title>无标题文档</title> <style type="text/css"> ul,li{ margin:0; padding:0;} .stockdiv-account{ width:820px;height:auto; border:1px solid #b0cae3;line-height:30px; background-color:#e1edf9; font-family:"微软雅黑", "宋体", "Times New Roman";} .stockdiv-account ul{ list-style:none;} .stockdiv-account li{text-align:left; font-size:11px; color:#333;} .stockdiv-account li span{ padding:0 5px;} .stockdiv-account li em{ font-style:normal; color:#F60}<!-- 特殊字样式在这里添加 --> </style> </head> <body> <div class="stockdiv-account"> <ul> <li> <span>转入资金：$<em> 244,91.58</em></span> <span>资产总值：$<em> 27,570.00</em></span> <span>冻结资金：$<em> 16,426.42</em></span> <span>股票市值：$<em> 11,3011212121212127.50</em></span> <span>总盈亏：$<em> 699.21</em></span> <span>浮动盈亏：$<em> 11,307.50</em></span> <br /> <span>可用资金：$<em> -2,380.00</em></span> </li> </ul> <div style="clear:both"></div> </div> </body> </html>
提示：您可以先修改部分代码再运行
[ 本帖最后由 micore 于 2010-6-2 16:10 编辑 ] 提示：您可以先修改部分代码再运行
作者: micore 发布时间: 2010-06-02
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
