span标签的CSS问题
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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>
#newsright{ width:500px;}
.newsright {
font-size : 12px;
line-height : 25px;
width : 50%;
}
.newsright li {
list-style-image : url(../images/point.png);
border-bottom : 1px dotted #333;
display:block;
}
.newsright li a {
text-decoration : none;
color : #333;
}
.newsright li span{ float:right;}
</style>
</head>
<body>
<div id="newsright" >
<ul class="newsright">
<li><a href='newsshow.aspx?id=1' title=''>晨会制度将于6月1日起在全公司..<span>[2009-3-5]</span></a></li>
<li><a href='newsshow.aspx?id=3' title=''>关爱生命、关爱健康<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=4' title=''>我司员工参加宁波保税区企业职工..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=5' title=''>甘肃省金昌市高副市长一行来我司..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=6' title=''>我司员工参加宁波第二届职工科技..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=7' title=''>宁职院—龙星物流第十三期轮岗实..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=8' title=''>北仑职业高级中学第二期顶岗实训..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=9' title=''>北仑职业高级中学第二期顶岗实训..<span>[2010-9-20]</span></a></li>
</ul>
</div>
</body>
</html>
除了IE8其他版本的IE都会出现错行，求救啊~~~~
没有解决，IE6下还是错行。。。请你们先去改好式一下啊，IE8兼容模式看看行不 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#newsright{ width:500px;}
.newsright {
font-size : 12px;
line-height : 25px;
width : 50%;
}
.newsright li {
list-style-image : url(../images/point.png);
border-bottom : 1px dotted #333;
display:block;
}
.newsright li a {
text-decoration : none;
color : #333;
}
.newsright li span{ float:right;}
</style>
</head>
<body>
<div id="newsright" >
<ul class="newsright">
<li><a href='newsshow.aspx?id=1' title=''>晨会制度将于6月1日起在全公司..<span>[2009-3-5]</span></a></li>
<li><a href='newsshow.aspx?id=3' title=''>关爱生命、关爱健康<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=4' title=''>我司员工参加宁波保税区企业职工..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=5' title=''>甘肃省金昌市高副市长一行来我司..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=6' title=''>我司员工参加宁波第二届职工科技..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=7' title=''>宁职院—龙星物流第十三期轮岗实..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=8' title=''>北仑职业高级中学第二期顶岗实训..<span>[2010-9-20]</span></a></li>
<li><a href='newsshow.aspx?id=9' title=''>北仑职业高级中学第二期顶岗实训..<span>[2010-9-20]</span></a></li>
</ul>
</div>
</body>
</html>
除了IE8其他版本的IE都会出现错行，求救啊~~~~
没有解决，IE6下还是错行。。。请你们先去改好式一下啊，IE8兼容模式看看行不 展开
4个回答
展开全部
有个小窍门 你把<span>[2009-3-5]</span>放在文字前面就可以了 哈哈 给我好评吧
<ul class="newsright">
<li><a href='newsshow.aspx?id=1' title=''><span>[2009-3-5]</span>晨会制度将于6月1日起在全公司..</a></li>
<li><a href='newsshow.aspx?id=3' title=''><span>[2010-9-20]</span>关爱生命、关爱健康</a></li>
<li><a href='newsshow.aspx?id=4' title=''><span>[2010-9-20]</span>我司员工参加宁波保税区企业职工..</a></li>
<li><a href='newsshow.aspx?id=5' title=''><span>[2010-9-20]</span>甘肃省金昌市高副市长一行来我司..</a></li>
<li><a href='newsshow.aspx?id=6' title=''><span>[2010-9-20]</span>我司员工参加宁波第二届职工科技..</a></li>
<li><a href='newsshow.aspx?id=7' title=''><span>[2010-9-20]</span>宁职院—龙星物流第十三期轮岗实..</a></li>
<li><a href='newsshow.aspx?id=8' title=''><span>[2010-9-20]</span>北仑职业高级中学第二期顶岗实训..</a></li>
<li><a href='newsshow.aspx?id=9' title=''><span>[2010-9-20]</span>北仑职业高级中学第二期顶岗实训..</a></li>
</ul>
<ul class="newsright">
<li><a href='newsshow.aspx?id=1' title=''><span>[2009-3-5]</span>晨会制度将于6月1日起在全公司..</a></li>
<li><a href='newsshow.aspx?id=3' title=''><span>[2010-9-20]</span>关爱生命、关爱健康</a></li>
<li><a href='newsshow.aspx?id=4' title=''><span>[2010-9-20]</span>我司员工参加宁波保税区企业职工..</a></li>
<li><a href='newsshow.aspx?id=5' title=''><span>[2010-9-20]</span>甘肃省金昌市高副市长一行来我司..</a></li>
<li><a href='newsshow.aspx?id=6' title=''><span>[2010-9-20]</span>我司员工参加宁波第二届职工科技..</a></li>
<li><a href='newsshow.aspx?id=7' title=''><span>[2010-9-20]</span>宁职院—龙星物流第十三期轮岗实..</a></li>
<li><a href='newsshow.aspx?id=8' title=''><span>[2010-9-20]</span>北仑职业高级中学第二期顶岗实训..</a></li>
<li><a href='newsshow.aspx?id=9' title=''><span>[2010-9-20]</span>北仑职业高级中学第二期顶岗实训..</a></li>
</ul>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这代码写的就有问题。正常的写法：
<ul>
<li><a href='newsshow.aspx?id=9' title=''>北仑职业高级中学第二期顶岗实训..</a><span>[2010-9-20]</span></li>
</ul>
这样写需要设置a标签的display属性为inline。 因为他默认是block这个属性占一行。。
如果不想这样写可以写成
<ul>
<li><span>[2010-9-20]</span<a href='newsshow.aspx?id=9' title=''>北仑职业高级中学第二期顶岗实训..</a>></li>
</ul>
这样写你不需要改CSS 的任何代码。
你应该好好看看CSS的属性继承和默认属性。 和diaplay属性
<ul>
<li><a href='newsshow.aspx?id=9' title=''>北仑职业高级中学第二期顶岗实训..</a><span>[2010-9-20]</span></li>
</ul>
这样写需要设置a标签的display属性为inline。 因为他默认是block这个属性占一行。。
如果不想这样写可以写成
<ul>
<li><span>[2010-9-20]</span<a href='newsshow.aspx?id=9' title=''>北仑职业高级中学第二期顶岗实训..</a>></li>
</ul>
这样写你不需要改CSS 的任何代码。
你应该好好看看CSS的属性继承和默认属性。 和diaplay属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先把：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
改为：<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
然后将：#newsright{ width:500px;}
改为：#newsright{ width:600px;}
即可！
告诉你原因：你把span元素设置为向右浮动，但你设置的500px导致右边没有足够的空间来容纳“[2010-9-20]”，所以才会导致错行！
改为：<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
然后将：#newsright{ width:500px;}
改为：#newsright{ width:600px;}
即可！
告诉你原因：你把span元素设置为向右浮动，但你设置的500px导致右边没有足够的空间来容纳“[2010-9-20]”，所以才会导致错行！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
把utf-8改成gb2312<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
把utf-8改成gb2312<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
