标题:关于span 中的class
只看楼主
junge0901
Rank: 1
等 级:新手上路
帖 子:11
专家分:0
注 册:2010-8-28
结帖率:33.33%
已结贴  问题点数:20 回复次数:1 
关于span 中的class
<!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的宽度可以随意调整,怎么弄哈?
搜索更多相关主题的帖子: span class 
2010-08-28 23:51
foktime
Rank: 11Rank: 11Rank: 11Rank: 11
来 自:奥斯维辛
等 级:贵宾
威 望:35
帖 子:795
专家分:2742
注 册:2009-9-4
得分:20 
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 编辑 ]
2010-08-30 08:32



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-317080-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.024418 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved