怎样把里面的<div></div> 和<span> </span>换成table的形式
<styletype="text/css">.main{width:980px;margin:0auto;background-color:#BBB;height:aut...
<style type="text/css">
.main{width:980px;margin:0 auto;background-color: #BBB;height: auto;font-size: 16px;font-family:楷体,楷体_GB2312;}
.main_first{width:100%;height:112px;}
.main_first div{width:240px;float: left;height:54px;border: 1px solid #fff;line-height: 54px;}
.main_second{height:120px;width:100%;border-bottom: 1px solid #ddd;}
.left{width: 150px;height: 108px;float: left;line-height: 150px;}
.center{width: 830px;height: 108px;float: left;}
.center span{width:70px;float: left;display: block;padding: 1px;word-wrap:break-word;word-break:normal;}
.center_msg{height:34px;margin-top:20px}
</style>
<title>Insert title here</title>
</head>
<body>
<div class="main">
<div class="main_first">
<div>1222</div><div>1111</div><div>333</div><div></div>
<div>333</div><div>0</div><div>null</div><div></div>
</div>
<div class="main_second">
<div class="center">
<div class="center_msg"><span>333</span><span>3</span><span>3</span><span>3</span><span>3</span><span>3</span><span>3</span><span>3</span><span>3</span><span style="width: 170px">3</span></div>
<div class="center_msg"><span>3</span><span>100</span><span>80</span><span>null</span><span>2-1</span><span>null</span><span>12</span><span>null</span><span>3</span><span style="width: 170px">3</span></div>
</div>
</div> 展开
.main{width:980px;margin:0 auto;background-color: #BBB;height: auto;font-size: 16px;font-family:楷体,楷体_GB2312;}
.main_first{width:100%;height:112px;}
.main_first div{width:240px;float: left;height:54px;border: 1px solid #fff;line-height: 54px;}
.main_second{height:120px;width:100%;border-bottom: 1px solid #ddd;}
.left{width: 150px;height: 108px;float: left;line-height: 150px;}
.center{width: 830px;height: 108px;float: left;}
.center span{width:70px;float: left;display: block;padding: 1px;word-wrap:break-word;word-break:normal;}
.center_msg{height:34px;margin-top:20px}
</style>
<title>Insert title here</title>
</head>
<body>
<div class="main">
<div class="main_first">
<div>1222</div><div>1111</div><div>333</div><div></div>
<div>333</div><div>0</div><div>null</div><div></div>
</div>
<div class="main_second">
<div class="center">
<div class="center_msg"><span>333</span><span>3</span><span>3</span><span>3</span><span>3</span><span>3</span><span>3</span><span>3</span><span>3</span><span style="width: 170px">3</span></div>
<div class="center_msg"><span>3</span><span>100</span><span>80</span><span>null</span><span>2-1</span><span>null</span><span>12</span><span>null</span><span>3</span><span style="width: 170px">3</span></div>
</div>
</div> 展开
2个回答
展开全部
display: table-cell;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
上这段代码的效果图，我给你写。。。
追问
追答
最上面的 品名 平方数什么的 背景 你可以做成图片 然后在插入背景就好了。这里是代码。。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
