编程论坛 → JavaScript论坛

关于span 中的class

junge0901 发布于 2010-08-28 23:51， 551 次点击

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>数组存储图片example</title>
<style type="text/css">
li{
    list-style:none;display:block}
div{
    position:absolute;
    left:37px;
    top:130px;
    display:block；
}
span{   position:absolute
        width:70px;
        heght:40px;
        display:inline;
}
.span1{

    width:50%;
    height:40px;



        }
.span2{
    position:absolute;
    width:357px;
    left: 446px;
    top: 79px;
    height: 37px;
    display:block;
    }
#vote_num{
    position:absolute;
    width:913px;
    height:40px;
}
</style>
</head>
<div id="vote_num">
    <li><span class="span1">时间： fghj</span><span> 作者：ghk</span></li>
   <li><span>时间： fghj</span><span>作者：ghk</span></li>
   <li><span>时间： fghj</span><span>作者：ghk</span></li>
   <li><span>时间： fghj</span><span>作者：ghk</span></li>
   <li><span>时间： fghj</span><span>作者：ghk</span></li>
   <li><span>时间： fghj</span><span>作者：ghk</span></li>
   <li><span>时间： fghj</span><span>作者：ghk</span></li>
</div>
</body>
</html>
为什么第一个li中的 class 不起作用哈？我想让同一行的两个span的宽度可以随意调整，怎么弄哈？

1 回复

#2

foktime2010-08-30 08:32

span标签设置width无效，因为是行标签。只有块标签才可以设置宽度，如div  所以如果想给span设置width，就得把span转化为块标签，即给span加一个style属性：float:left 或者 float:right。用display:block也可以，但会造成换行，可能不是你想要的效果
另外纠正几个简单的写法错误
<style type="text/css">
li{
    list-style:none;display:block}
div{
    position:absolute;
    left:37px;
    top:130px;
    display:block；//此处;应为半角
}
span{   position:absolute  //没有;结束  并且搞不懂为什么要设成绝对位置,你可以测试一下看看，span全都挤一块
        width:70px;
        heght:40px;        //height拼错
        display:inline;
}

最后建议编写代码的时候最好用个像样的代码编辑器，别随便弄个记事本就开始写。因为即使水平再高的程序员，也会有犯低级错误的时候，如果使用代码编辑器，一些显而易见的错误一眼就能看到并能够及时加以改正，可以给你节省很多排错的时间。一些自以为是的人也觉得自己是高手，炫耀自己用记事本就可以编程，对此你只需要鄙视过后无视之就可以了

[ 本帖最后由 foktime 于 2010-8-30 08:39 编辑 ]

1