div做一个表格
div+css做一个三行三列的表格,知道用FLOAT属性可以让列居左居右,但是中间的列该如何定义属性。请楼下的给出具体代码。谢谢恩,首先谢谢你的回答,我想再多向你学习一下...
div+css做一个三行三列的表格,知道用FLOAT属性可以让列居左居右,但是中间的列该如何定义属性。请楼下的给出具体代码。谢谢
恩,首先谢谢你的回答,我想再多向你学习一下。表格的第一行包括三列(其中第二列是为了美观没内容)
#column1{ float:left; width:40%; border:1px solid:#000;}
.column2{ float:left; width:20%;border:1px solid:#000;}
#column3{ float:right; clear:left;width:40%;border:1px solid:#000;}
那么我想知道什么简便的方法可以第二行不用再一个个建立DIV,也就是说,可不可以为第一行设计一个格式,第二行三行直接套用就好了呢?请mobing0008再回答一下。谢谢 展开
恩,首先谢谢你的回答,我想再多向你学习一下。表格的第一行包括三列(其中第二列是为了美观没内容)
#column1{ float:left; width:40%; border:1px solid:#000;}
.column2{ float:left; width:20%;border:1px solid:#000;}
#column3{ float:right; clear:left;width:40%;border:1px solid:#000;}
那么我想知道什么简便的方法可以第二行不用再一个个建立DIV,也就是说,可不可以为第一行设计一个格式,第二行三行直接套用就好了呢?请mobing0008再回答一下。谢谢 展开
2个回答
展开全部
你可以用left的div,使用float:left;
middle的div,使用float:left;margin-left:(填入左边的div的宽度)px;
right的div,使用float:right;
具体对其位置可以自己用margin来调整下。
下面的第二行记得在第一个div使用clear:both;就好了。第三行同二行。
有时间学习下div,自己会了才是王道。
middle的div,使用float:left;margin-left:(填入左边的div的宽度)px;
right的div,使用float:right;
具体对其位置可以自己用margin来调整下。
下面的第二行记得在第一个div使用clear:both;就好了。第三行同二行。
有时间学习下div,自己会了才是王道。
参考资料: http://www.w3cn.org/article/index_2.html
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style type="text/css">
.tab{
border:1px solid #0033FF;
width:212px;
height:auto;
}
.tab li{
width:70px;
height:30px;
border:1px solid #0033ff;
list-style:none;
float:left;
</style>
<BODY>
<div class="tab">
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
</div>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style type="text/css">
.tab{
border:1px solid #0033FF;
width:212px;
height:auto;
}
.tab li{
width:70px;
height:30px;
border:1px solid #0033ff;
list-style:none;
float:left;
</style>
<BODY>
<div class="tab">
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
<li>
</div>
</BODY>
</HTML>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询