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兼容模式看看行不展开

 我来答

4个回答

#合辑# 机票是越早买越便宜吗？

huayeer850401
推荐于2016-05-04 · TA获得超过115个赞

知道答主

回答量：32

采纳率：0%

帮助的人：34.1万

我也去答题访问个人页

关注

展开全部

有个小窍门  你把<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>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

TableDI
2024-07-18 广告

在Excel中，将两列内容匹配通常是为了找出相同或相似的项。一种常见的方法是使用“条件格式”或“VLOOKUP”函数。1. **使用条件格式**： - 选择你想要比较的列数据。 - 在“开始”选项卡中，点击“条件格式”，然后选择“新... 点击进入详情页

本回答由TableDI提供

heiseeyong123
2010-12-21 · 超过37用户采纳过TA的回答

知道答主

回答量：201

采纳率：0%

帮助的人：70.5万

我也去答题访问个人页

关注

展开全部

你这代码写的就有问题。正常的写法：
<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属性

已赞过 已踩过<

评论收起

百度网友be2c6a1
2010-12-21 · TA获得超过615个赞

知道小有建树答主

回答量：428

采纳率：0%

帮助的人：373万

我也去答题访问个人页

关注

展开全部

首先把：<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]”，所以才会导致错行！

已赞过 已踩过<

评论收起

三叶草也高
2010-12-21 · 超过30用户采纳过TA的回答

知道答主

回答量：118

采纳率：0%

帮助的人：65.5万

我也去答题访问个人页

关注

展开全部

已赞过 已踩过<

评论收起

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

span标签的CSS问题

其他类似问题

为你推荐：