css这里的display:inline,属性在这里不太明白，大虾们多多指教，交流下啊，我是新手 A
#pagelistlia.xw{width:255px;display:inline;/*为什么要用display:inline，我没有用display:inline;结...
#pagelist li a .xw{
width:255px;
display:inline;/*为什么要用display:inline，我没有用display:inline;结果都是一样的哦，这是为什么，他这么个用法是什么意思*/
}
#pagelist li a:hover .xw{
text-decoration:underline;
}
#pagelist li a .rq{
color:#fff;
width:75px;
text-align:center;
font-size:12px;
display:inline;/*为什么要用display:inline，我没有用display:inline;结果都是一样的哦，这是为什么，他这么个用法是什么意思*/
}
</style>
</head>
<body>
<div id="news">
<h3>新闻列表</h3>
<ul id="pagelist">
<li><a href="#"><span class="xw">奥斯卡金奖</span><span class="rq">2008-05-12</span></a></li>
<li><a href="#"><span class="xw">国庆节假期</span><span class="rq">2008-05-09 </span></a></li>
<li><a href="#"><span class="xw">中石油，中石化</span><span class="rq">2008-05-06 </span></a></li>
<li><a href="#"><span class="xw">山东中华文化城引发争议</span><span class="rq"> 2008-05-06 </span></a></li>
<li><a href="#"><span class="xw">最新人气奖</span><span class="rq">2008-05-05</span></a></li>
<li><a href="#"><span class="xw">国际新闻的最新动态</span><span class="rq">2008-05-05</span></a></li>
</ul>
</div>
帮我把注释里的内容解释一下哦，我这里好迷惑哦~ 展开
width:255px;
display:inline;/*为什么要用display:inline，我没有用display:inline;结果都是一样的哦，这是为什么，他这么个用法是什么意思*/
}
#pagelist li a:hover .xw{
text-decoration:underline;
}
#pagelist li a .rq{
color:#fff;
width:75px;
text-align:center;
font-size:12px;
display:inline;/*为什么要用display:inline，我没有用display:inline;结果都是一样的哦，这是为什么，他这么个用法是什么意思*/
}
</style>
</head>
<body>
<div id="news">
<h3>新闻列表</h3>
<ul id="pagelist">
<li><a href="#"><span class="xw">奥斯卡金奖</span><span class="rq">2008-05-12</span></a></li>
<li><a href="#"><span class="xw">国庆节假期</span><span class="rq">2008-05-09 </span></a></li>
<li><a href="#"><span class="xw">中石油，中石化</span><span class="rq">2008-05-06 </span></a></li>
<li><a href="#"><span class="xw">山东中华文化城引发争议</span><span class="rq"> 2008-05-06 </span></a></li>
<li><a href="#"><span class="xw">最新人气奖</span><span class="rq">2008-05-05</span></a></li>
<li><a href="#"><span class="xw">国际新闻的最新动态</span><span class="rq">2008-05-05</span></a></li>
</ul>
</div>
帮我把注释里的内容解释一下哦，我这里好迷惑哦~ 展开
4个回答
展开全部
display的属性值：
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
一般的标签默认是没有换行符的，也就是display:inline;
表格、列表相关标签和层标签有特殊，比如<div>是默认直接占一整行的，它前后具有换行符，因为<div></div>中display:block;
你这里面在<ul></ul>上面使用了自定义样式，但是在外面包一个<div></div>，根本体现不出来。
在<div></div>中间再复制一份<ul></ul>你就会看到差别了。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
一般的标签默认是没有换行符的，也就是display:inline;
表格、列表相关标签和层标签有特殊，比如<div>是默认直接占一整行的，它前后具有换行符，因为<div></div>中display:block;
你这里面在<ul></ul>上面使用了自定义样式，但是在外面包一个<div></div>，根本体现不出来。
在<div></div>中间再复制一份<ul></ul>你就会看到差别了。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#pagelist li a .xw{
width:255px;/*宽度*/
display:inline;/*为什么要用display:inline?他写错了，这句多余的，span默认属性本来就是inline不换行的内联元素的，就像你发现那样这句可以删掉*/
}
#pagelist li a:hover .xw{
text-decoration:underline;/*链接去掉下划线*/
}
#pagelist li a .rq{
color:#fff;/*文字颜色白色*/
width:75px;/*宽度*/
text-align:center;/*内容居中对齐*/
font-size:12px;/*字号大小*/
display:inline;/*为什么要用display:inline，同上，多余的一句，写这个的人本身不是很懂css*/
}
PS：shy2850、sango8、vhdl3018 三个2B，人家 display:inline; 是作用在 span 上的，看都不仔细看就在乱回答。
width:255px;/*宽度*/
display:inline;/*为什么要用display:inline?他写错了，这句多余的，span默认属性本来就是inline不换行的内联元素的，就像你发现那样这句可以删掉*/
}
#pagelist li a:hover .xw{
text-decoration:underline;/*链接去掉下划线*/
}
#pagelist li a .rq{
color:#fff;/*文字颜色白色*/
width:75px;/*宽度*/
text-align:center;/*内容居中对齐*/
font-size:12px;/*字号大小*/
display:inline;/*为什么要用display:inline，同上，多余的一句，写这个的人本身不是很懂css*/
}
PS：shy2850、sango8、vhdl3018 三个2B，人家 display:inline; 是作用在 span 上的，看都不仔细看就在乱回答。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
简单的说就是没有换行符显示在同一行。在考虑兼容的情况下通常要用到。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
同意楼上的说法 应该是考虑的ie6里面的margin 兼容问题
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
