gpt4 book ai didi

asp.net - 如何将 2 个日历彼此相邻而不是彼此放置?

转载 作者:行者123 更新时间:2023-12-01 09:36:16 25 4
gpt4 key购买 nike

我希望将日历放置在彼此旁边而不是彼此下方,但是当尝试拖动日历时,它们并没有移动。有谁知道如果可能的话我能做什么。谢谢

这是我的代码(我使用的是 Visual Studio 2010)

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication9.WebForm2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:Calendar ID="Calendar2" runat="server"></asp:Calendar>
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
<p>
</p>
</asp:Content>

calendar positions

最佳答案

日历以垂直顺序显示的原因是因为呈现的 ASP.NET 标记使用 <table> ,默认情况下是 block 元素(有关元素布局的更多信息可用 herehere )。有两种方法可以解决这个问题:

  1. 使元素不使用 block 布局。您可以使用 CSS 属性 display:inline; 覆盖它。 ,例如:

    <head runat="server">
    <style type="text/css">
    .inline{ display: inline; }
    </style>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <asp:Calendar ID="Calendar1" runat="server" CssClass="inline" />
    <asp:Calendar ID="Calendar2" runat="server" CssClass="inline" />
    </div>
    </form>

  2. 用定位包装包含这些日历控件的包含元素,以便它们对齐。有关这方面的示例,请参阅 Ryan Sammut 的回答。

关于asp.net - 如何将 2 个日历彼此相邻而不是彼此放置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7315582/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com