网站首页
开启辅助访问

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步，快速开始

本论坛已关闭（禁止注册、发帖和回复）
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI（开源版） 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1，快、快、快！ 全新ASP.NET Core，比WebForms还简单！ 欢迎加入【三石和他的朋友们】（基础版下载）

搜索
FineUI 官方论坛»论坛首页 › FineUI（WebForms，开源版） › FineUI 交流讨论区 › 控件间距，按钮右对齐调节
返回列表 发新帖
查看: 3844|回复: 5
打印 上一主题 下一主题

控件间距，按钮右对齐调节

[复制链接]
ngy0217
跳转到指定楼层
楼主
发表于 2014-4-21 10:40:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式


如上图，想要左边的textbox在左边，button靠右对齐，不能用CssStyle="margin-left:500px"固定死了，还有其他什么好方法，有什么占位控件能放在textbox和button之间的?

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复

举报

gdcrx
沙发
发表于 2014-4-22 17:01:35 | 只看该作者
把你的页面代码贴出来看看
回复 支持 反对

举报

ngy0217
板凳
 楼主| 发表于 2014-4-23 17:22:50 | 只看该作者
<form id="form1" runat="server">
    <fageManager ID="ageManager1" runat="server" AutoSizePanelID="anel1" />
   
    <fanel ID="anel1" runat="server" BodyPadding="5px" ShowBorder="false" ShowHeader="false" Layout="anchor">
        <Items>
            <fanel ID="queryPanel" runat="server" BodyPadding="5px" ShowBorder="false" ShowHeader="false" Layout="Column" EnableFrame="true" EnableCollapse="true" Height="50px">
                <Items>
                    <fropDownList ID="list" Label="选择品牌" LabelSeparator="" runat="server">
                        <fistItem Text="上海大众" Selected="true"/>
                        <fistItem Text="上海斯柯达" />
                    </fropDownList>
                        <f:Button ID="btnQuery" Text="查 询" runat="server" CssStyle="margin-left:20px;margin-right:20px"></f:Button>
                        <f:Button ID="btnOut" Text="输 出" runat="server" CssStyle="margin-right:20px"></f:Button>
                </Items>
             </fanel>
        </Items>
        <Items>
            <fanel ID="ad" Title="简介" runat="server" AnchorValue="100% -300px">
                <Items>
                    <f:ContentPanel ID="info" runat="server" ShowHeader="false">
                    <p style="padding-left:10px;">从 1984 年起，大众汽车就开始进入中国市场，目前在中国全国范围内已拥有 14家企业，除了生产轿车外，还向消费者和行业提供零部件和服务。</p>

                    <p  style="padding-left:10px;">大众汽车是第一批在中国开展业务的国际汽车制造厂商之一。 与中国政府最早的接触可追溯到 1978 年，即中国政府在邓小平的领导之下，开始推行经济改革和开放政策，引进国外的资金和先进的科学技术，加速中国的现代化进程，提高国际上的竞争能力。 无论是当时还是现在，汽车工业无疑是实现这一目标的关键。</p>

                    <p style="padding-left:10px;">目前，大众汽车集团在中国拥有两家轿车合资企业，1984 年，上海大众汽车开始它辉煌的历史篇章，1990 年又在长春签署了一汽-大众成立合资企业的协议。 2003 年 1 月，大众汽车上海变速器合资企业建立投产，2004 年又建立了两家生产最先进技术发动机的合资企业，分别于2006年和2007年开始投入生产。 2007年7月大众汽车品牌捷达车型在成都一汽集团公司的生产基地投产。 </p>

                    <p style="padding-left:10px;">2004年5月，大众汽车已着重致力于大众汽车集团（中国）的建立发展，并且由六人组成的董事会来领导，分别负责销售、技术、采购、人事/政府关系、以及财务，其任务是建立和开展大众汽车集团在中国的所有企业的各项业务。</p>

                    <p style="padding-left:10px;">企业介绍：</p>

                    <p style="padding-left:10px;">自1984年以来，大众汽车在中国的总投资额已超过60亿欧元，目前在中国共拥有14家企业</p>
</f:ContentPanel>
                </Items>
            </fanel>
        </Items>
        <items>
            <f:SimpleForm ID="SimpleForm1" BodyPadding="5px" runat="server" LabelSeparator="" LabelAlign="left" EnableFrame="true" EnableCollapse="false" ShowHeader="false"
            Title="编辑" Height="250px">
            <Items>
                <f:TextBox ID="title" runat="server" Label="品牌名称"></f:TextBox>
                <f:HtmlEditor runat="server" Label="简介描述" ID="HtmlEditor1" Height="170px">
                </f:HtmlEditor>
                <f:Button ID="Button1" runat="server" Text="提交" CssStyle="margin-left:900px">
                </f:Button>
                <f:Button ID="Button2" runat="server" Text="重置" CssStyle="margin-left:20px">
                </f:Button>
            </Items>
            
        </f:SimpleForm>
        </items>
    </fanel>

    </form>
    <f:Window ID="Window1" Title="新增栏目" Hidden="true" EnableIFrame="true" runat="server" EnableConfirmOnClose="false" IFrameUrl="about:blank" Target="arent" IsModal="True" Width="400px" Height="200px" />
回复 支持 反对

举报

gdcrx
地板
发表于 2014-4-25 14:38:12 | 只看该作者
加个样式可以实现：




  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head runat="server">
  4.     <title></title>
  5.     <style>
  6.     .button_right a
  7.     {
  8.          float:right;
  9.     }
  10.    </style>
  11. </head>
  12. <body>
  13.     <form id="form1" runat="server">
  14.      <f:PageManager ID="PageManager1" runat="server" AutoSizePanelID="anel1" />
  15.    
  16.      <f:Panel ID="Panel1" runat="server" BodyPadding="5px" ShowBorder="false" ShowHeader="false" Layout="anchor">
  17.          <Items>
  18.              <f:Panel ID="queryPanel" runat="server" BodyPadding="5px" ShowBorder="false" CssClass="button_right" ShowHeader="false" Layout="Column" EnableFrame="true" EnableCollapse="true" Height="50px">
  19.                  <Items>
  20.                      <f:DropDownList ID="list" Label="选择品牌" LabelSeparator="" runat="server">
  21.                          <f:ListItem Text="上海大众" Selected="true"/>
  22.                          <f:ListItem Text="上海斯柯达" />
  23.                      </f:DropDownList>
  24.                          <f:Button ID="btnOut" Text="输 出" runat="server" CssStyle="margin-right:10px"></f:Button>
  25.                          <f:Button ID="btnQuery" Text="查 询" runat="server" CssStyle="margin-left:10px;margin-right:20px"></f:Button>
  26.                         
  27.                  </Items>
  28.               </f:Panel>
  29.          </Items>
  30.          <Items>
  31.              <f:Panel ID="ad" Title="简介" runat="server" AnchorValue="100% -300px">
  32.                  <Items>
  33.                      <f:ContentPanel ID="info" runat="server" ShowHeader="false">
  34.                      <p style="padding-left:10px;">从 1984 年起，大众汽车就开始进入中国市场，目前在中国全国范围内已拥有 14家企业，除了生产轿车外，还向消费者和行业提供零部件和服务。</p>

  36.                      <p  style="padding-left:10px;">大众汽车是第一批在中国开展业务的国际汽车制造厂商之一。 与中国政府最早的接触可追溯到 1978 年，即中国政府在邓小平的领导之下，开始推行经济改革和开放政策，引进国外的资金和先进的科学技术，加速中国的现代化进程，提高国际上的竞争能力。 无论是当时还是现在，汽车工业无疑是实现这一目标的关键。</p>

  38.                      <p style="padding-left:10px;">目前，大众汽车集团在中国拥有两家轿车合资企业，1984 年，上海大众汽车开始它辉煌的历史篇章，1990 年又在长春签署了一汽-大众成立合资企业的协议。 2003 年 1 月，大众汽车上海变速器合资企业建立投产，2004 年又建立了两家生产最先进技术发动机的合资企业，分别于2006年和2007年开始投入生产。 2007年7月大众汽车品牌捷达车型在成都一汽集团公司的生产基地投产。 </p>

  40.                      <p style="padding-left:10px;">2004年5月，大众汽车已着重致力于大众汽车集团（中国）的建立发展，并且由六人组成的董事会来领导，分别负责销售、技术、采购、人事/政府关系、以及财务，其任务是建立和开展大众汽车集团在中国的所有企业的各项业务。</p>

  42.                      <p style="padding-left:10px;">企业介绍：</p>

  44.                      <p style="padding-left:10px;">自1984年以来，大众汽车在中国的总投资额已超过60亿欧元，目前在中国共拥有14家企业</p>
  45. </f:ContentPanel>
  46.                  </Items>
  47.              </f:Panel>
  48.          </Items>
  49.          <items>
  50.              <f:SimpleForm ID="SimpleForm1" BodyPadding="5px" runat="server" LabelSeparator="" LabelAlign="left" EnableFrame="true" EnableCollapse="false" ShowHeader="false"
  51.              Title="编辑" Height="250px">
  52.              <Items>
  53.                  <f:TextBox ID="title" runat="server" Label="品牌名称"></f:TextBox>
  54.                  <f:HtmlEditor runat="server" Label="简介描述" ID="HtmlEditor1" Height="170px">
  55.                  </f:HtmlEditor>
  56.                  <f:Button ID="Button1" runat="server" Text="提交" CssStyle="margin-left:900px">
  57.                  </f:Button>
  58.                  <f:Button ID="Button2" runat="server" Text="重置" CssStyle="margin-left:20px">
  59.                  </f:Button>
  60.              </Items>
  61.             
  62.          </f:SimpleForm>
  63.          </items>
  64.      </f:Panel>

  66.      </form>
  67.      <f:Window ID="Window1" Title="新增栏目" Hidden="true" EnableIFrame="true" runat="server" EnableConfirmOnClose="false" IFrameUrl="about:blank" Target="Parent" IsModal="True" Width="400px" Height="200px" />
  68.    
  69. </body>
  70. </html>
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
回复 支持 反对

举报

ngy0217
5#
 楼主| 发表于 2014-4-25 15:40:43 | 只看该作者
试验了，可行，非常感谢
回复 支持 反对

举报

ngy0217
6#
 楼主| 发表于 2014-4-25 15:48:25 | 只看该作者
ngy0217 发表于 2014-4-25 15:40
试验了，可行，非常感谢

回复 支持 反对

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-26 16:59 , Processed in 0.047741 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表