asp.net 怎么让两个Panel控件显示为一行
日期：2014-05-18 浏览次数：20478 次
asp.net 如何让两个Panel控件显示为一行
即并列显示
除了绝对位置以外还有其他办法吗?
------解决方案--------------------
设置CSS, 指定CSS属性中的
float:left;然后只用确定两控件的宽度,及父级控件的宽度就可以了, 注意, 两个Panel控件的宽度和不要超过父级控件的总宽度即可. 不然还是会换行的.
------解决方案--------------------
<table>
<tr>
<td> Panel1 </td>
<td> Panel2 </td>
</tr>
</table>
------解决方案--------------------
<%@ Page Language= "C# " %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<script runat= "server ">
</script>
<html xmlns= "http://www.w3.org/1999/xhtml " >
<head runat= "server ">
<title> 未命名頁面 </title>
<style type= "text/css ">
.e {POSITION: relative;}
.ee { LEFT: 150px;top:0px;POSITION: absolute;}
</style>
</head>
<body>
<form id= "form1 " runat= "server ">
<div class= "e ">
<asp:Panel ID= "Panel1 " runat= "server " Width= "150px "> Panel1
</asp:Panel>
<div class= "ee ">
<asp:Panel ID= "Panel2 " runat= "server " Width= "150px "> Panel2
</asp:Panel> </div>
</div>
</form>
</body>
</html>
------解决方案--------------------
補充： 在ie6.0中測試成功。
------解决方案--------------------
甲：IQ 丢了怎么办？
乙：找啊
------解决方案--------------------
table定位当然不推荐,CSS控制就好了
------解决方案--------------------
mqc507() ( ) 信誉：100 Blog 加为好友 2007-07-07 15:29:37 得分: 0
甲：IQ 丢了怎么办？
乙：找啊
————————————————————————————————————————
嗯，真的是这样。不要为了“标准”二字而发狂。大多数标准是民间组织制定的，只有不到15%的流行民间标准被大公司的产品作为工业标准，好的产品总是不断依据自身的需要而改变，而不是依据民间非强制标准。
------解决方案--------------------
左右布局就是简单的左右布局，不管两个Panel宽高如何，反正是左右布局，占有页面上这个位置。这么简单的描述被强加了那么多东西，多么可怜的程序呀。
即并列显示
除了绝对位置以外还有其他办法吗?
------解决方案--------------------
设置CSS, 指定CSS属性中的
float:left;然后只用确定两控件的宽度,及父级控件的宽度就可以了, 注意, 两个Panel控件的宽度和不要超过父级控件的总宽度即可. 不然还是会换行的.
------解决方案--------------------
<table>
<tr>
<td> Panel1 </td>
<td> Panel2 </td>
</tr>
</table>
------解决方案--------------------
<%@ Page Language= "C# " %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<script runat= "server ">
</script>
<html xmlns= "http://www.w3.org/1999/xhtml " >
<head runat= "server ">
<title> 未命名頁面 </title>
<style type= "text/css ">
.e {POSITION: relative;}
.ee { LEFT: 150px;top:0px;POSITION: absolute;}
</style>
</head>
<body>
<form id= "form1 " runat= "server ">
<div class= "e ">
<asp:Panel ID= "Panel1 " runat= "server " Width= "150px "> Panel1
</asp:Panel>
<div class= "ee ">
<asp:Panel ID= "Panel2 " runat= "server " Width= "150px "> Panel2
</asp:Panel> </div>
</div>
</form>
</body>
</html>
------解决方案--------------------
補充： 在ie6.0中測試成功。
------解决方案--------------------
甲：IQ 丢了怎么办？
乙：找啊
------解决方案--------------------
table定位当然不推荐,CSS控制就好了
------解决方案--------------------
mqc507() ( ) 信誉：100 Blog 加为好友 2007-07-07 15:29:37 得分: 0
甲：IQ 丢了怎么办？
乙：找啊
————————————————————————————————————————
嗯，真的是这样。不要为了“标准”二字而发狂。大多数标准是民间组织制定的，只有不到15%的流行民间标准被大公司的产品作为工业标准，好的产品总是不断依据自身的需要而改变，而不是依据民间非强制标准。
------解决方案--------------------
左右布局就是简单的左右布局，不管两个Panel宽高如何，反正是左右布局，占有页面上这个位置。这么简单的描述被强加了那么多东西，多么可怜的程序呀。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
