DIV+CSS 如何划分行与列
俺不搞虚的，来点实的吧！用TABLE是这样做的！~<tablewidth="658"border="0"cellspacing="0"cellpadding="0"><t...
俺不搞虚的，来点实的吧！用TABLE是这样做的！~
<table width="658" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="24"> </td>
<td height="24"> </td>
</tr>
<tr>
<td height="24" colspan="2"> </td>
</tr>
</table>
DIV里面应该如何写，一模一样就行，给高分，100分
我的要求是一个DIV里面实现喔 展开
<table width="658" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="24"> </td>
<td height="24"> </td>
</tr>
<tr>
<td height="24" colspan="2"> </td>
</tr>
</table>
DIV里面应该如何写，一模一样就行，给高分，100分
我的要求是一个DIV里面实现喔 展开
4个回答
展开全部
只用一个DIV的话 就把其他的DIV改成span就是 不过span是行内样式 你先要定义成块级 其实DIV嵌套比span方便很多,不知道为什么你不用DIV实现.
<style>
span {display:block;} <!--定义全部span属性为块级-->
#main{width:658px;height:48px;} <!--定义ID为main的DIV块宽度高度-->
#top_left{width:329px;height:24px;background-color: red;float: left;}
<!--定义ID为top_left块的宽度高度以及位置在左边-->
#top_right{width:329px;height:24px;background-color: green;float: left;}
<!--定义ID为top_right块的宽度高度以及位置在右边-->
#bottom{width:658px;height:24px;background-color: yellow;float:left}
<!--定义ID为bottom块的宽度高度以及位置-->
</style>
<div id="main">
<span id="top_left"></span>
<span id="top_right"></span>
<span id="bottom"></span>
</div>
自己把背景颜色去掉 我是为了你看清结构~
<style>
span {display:block;} <!--定义全部span属性为块级-->
#main{width:658px;height:48px;} <!--定义ID为main的DIV块宽度高度-->
#top_left{width:329px;height:24px;background-color: red;float: left;}
<!--定义ID为top_left块的宽度高度以及位置在左边-->
#top_right{width:329px;height:24px;background-color: green;float: left;}
<!--定义ID为top_right块的宽度高度以及位置在右边-->
#bottom{width:658px;height:24px;background-color: yellow;float:left}
<!--定义ID为bottom块的宽度高度以及位置-->
</style>
<div id="main">
<span id="top_left"></span>
<span id="top_right"></span>
<span id="bottom"></span>
</div>
自己把背景颜色去掉 我是为了你看清结构~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<span style="text-transform:capitalize;" >this is a test!!!</span><br>
首字母大写<input type="text" style="text-transform:capitalize;"><br>
全部大写<input type="text" style="text-transform:uppercase;"><br>
全部小写<input type="text" style="text-transform:lowercasecase;"><br>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
只用一个DIV的话 就把其他的DIV改成span就是 不过span是行内样式 你先要定义成块级 其实DIV嵌套比span方便很多,不知道为什么你不用DIV实现.
<style>
span {display:block;} <!--定义全部span属性为块级-->
#main{width:658px;height:48px;} <!--定义ID为main的DIV块宽度高度-->
#top_left{width:329px;height:24px;background-color: red;float: left;}
<!--定义ID为top_left块的宽度高度以及位置在左边-->
#top_right{width:329px;height:24px;background-color: green;float: left;}
<!--定义ID为top_right块的宽度高度以及位置在右边-->
#bottom{width:658px;height:24px;background-color: yellow;float:left}
<!--定义ID为bottom块的宽度高度以及位置-->
</style>
<div id="main">
<span id="top_left"></span>
<span id="top_right"></span>
<span id="bottom"></span>
</div>
自己把背景颜色去掉 我是为了你看清结构~
<style>
span {display:block;} <!--定义全部span属性为块级-->
#main{width:658px;height:48px;} <!--定义ID为main的DIV块宽度高度-->
#top_left{width:329px;height:24px;background-color: red;float: left;}
<!--定义ID为top_left块的宽度高度以及位置在左边-->
#top_right{width:329px;height:24px;background-color: green;float: left;}
<!--定义ID为top_right块的宽度高度以及位置在右边-->
#bottom{width:658px;height:24px;background-color: yellow;float:left}
<!--定义ID为bottom块的宽度高度以及位置-->
</style>
<div id="main">
<span id="top_left"></span>
<span id="top_right"></span>
<span id="bottom"></span>
</div>
自己把背景颜色去掉 我是为了你看清结构~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style>
#main{width:658px;height:48px;}
#top_left{width:327px;height:24px;border:1px solid #CCC;float: left;}
#top_right{width:327px;height:24px;border:1px solid #CCC;float: left;}
#bottom{width:656px;height:24px;border:1px solid #CCC;float:left}
</style>
</head>
<body>
<div id="main">
<div id="top_left"></div>
<div id="top_right"></div>
<div id="bottom"></div>
</div>
</body>
</html>
利用div上下左右的边框可以实现表格校果 不知道楼主这用做有何用意
其实不用一味的去追足Div 有时用他实现起来的东西还不如表格好 主要就是看清情况
<head>
<style>
#main{width:658px;height:48px;}
#top_left{width:327px;height:24px;border:1px solid #CCC;float: left;}
#top_right{width:327px;height:24px;border:1px solid #CCC;float: left;}
#bottom{width:656px;height:24px;border:1px solid #CCC;float:left}
</style>
</head>
<body>
<div id="main">
<div id="top_left"></div>
<div id="top_right"></div>
<div id="bottom"></div>
</div>
</body>
</html>
利用div上下左右的边框可以实现表格校果 不知道楼主这用做有何用意
其实不用一味的去追足Div 有时用他实现起来的东西还不如表格好 主要就是看清情况
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
