Sonntag, Mai 31, 2020

ASP.Net vertikale Ausrichtung des controls in einem panel

Habe ich ein Panel mit dem folgenden:

<asp:Panel ID="Panel1" runat="server" Height="101px">
    Day
    <asp:DropDownList ID="DropDownList1" runat="server" Height="24px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
    </asp:DropDownList>
    &nbsp;Hour
    <asp:DropDownList ID="DropDownList2" runat="server">
    </asp:DropDownList>
</asp:Panel>

Texten („Tag“ und „Stunde“) haben offenbar eine unterschiedliche vertikale Ausrichtung mit Bezug auf die dropdownboxes

alt-text http://img215.imageshack.us/img215/115/paneld.jpg

Wie behebe ich dieses Problem einfach?

Auf Panel1 legen Sie die vertikale Ausrichtung zu verwenden, die oben im text, mit einem style="vertical-align: text-top;" Attribut.
Ich weiß, ich habe gesehen, dass dies geschieht, bevor, aber jetzt kann ich es nicht reproduzieren mit Ihrem code-snippet. Auch Sie sind bewusst die Einstellung der Höhe der panel und Dropdown? Wenn nicht, könnten Sie Sie entfernen.

InformationsquelleAutor Nikhil | 2009-11-05

7 Kommentare

  1. 2

    Einer Lösung stieß ich auf war, schließen Sie den text und DropDownLists in einer Tabelle mit einer Zeile und haben eine separate Zelle für jeden text/dropbox. Funktioniert wie ein Charme.

    Warum verwenden Sie eine Tabelle, die bei SEO-friendly markup ist genauso einfach und kostenlos?
    Nein! Bitte, Nein! Tisch-layout ist so 1991.

    InformationsquelleAutor Nikhil

  2. 1

    Es ist wirklich so einfach:

    <div>
        Day
        <asp:DropDownList ID="DropDownList1" runat="server">
        </asp:DropDownList>
        Hour
        <asp:DropDownList ID="DropDownList2" runat="server">
        </asp:DropDownList>
    </div>
    Dies ist nicht arbeiten entweder.
    Hast du eigentlich versuchen, dem div, und wenn ja, welchen browser Sie uns, geben Sie dieses problem?

    InformationsquelleAutor IrishChieftain

  3. 1

    Nicht sicher, dass Sie versucht, dies oder das nicht…

    <div style="vertical-align:top"> 
        Day 
        <asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom"> 
        </asp:DropDownList> 
        Hour 
        <asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom"> 
        </asp:DropDownList>  
    </div>

    InformationsquelleAutor coHobo

  4. 0

    Haben Sie versucht, ändern der vertikalen Ausrichtung mithilfe des style-Attributs?
    http://www.w3schools.com/Css/pr_pos_vertical-align.asp

    Diese sind ASP.Net kontrolliert, ich bin mir nicht sicher, wie Sie Sie anwenden können CSS-Stile auf diese.
    Hinzufügen eines style="..." Attribut. Sie bekommen keine Intellisense für ihn, aber er wird richtig wiedergegeben. Anstelle von inline-Stile, aber Sie wäre besser, verwenden Sie die Eigenschaft CssClass und setzen Sie die Formatvorlagen in einem stylesheet.
    Versucht style aus, aber auch nach versuchen mit verschiedenen alignment-Optionen, die ich nicht bekommen konnte es ordnungsgemäß ausgerichtet sind.

    InformationsquelleAutor Sonny Boy

  5. 0

    Versuchen, Sie bilden Ihre tags oder fügen Sie etwas whitespace um Sie herum. Kann es sein, einwickeln.

    InformationsquelleAutor tsilb

  6. 0

    versuchen Sie dies, wenn Sie haven“t

    <div style="vertical-align:top">
    Day 
    <asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom">
    </asp:DropDownList>
    Hour 
    <asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom>
    </asp:DropDownList>
    </div>
    Irgendwie, div das style-Attribut funktioniert nicht im FF und Chrome. Wenn das der Fall ist, versuchen Sie, vertical-align, die auf den einzelnen Elementen.

    InformationsquelleAutor coHobo

  7. 0

    Anderen Antwort hatte Probleme mit der Formatierung. Hier ist es wieder.

    Nicht sicher, ob man es versucht oder nicht:

    <div style="vertical-align:top"> 
      Day 
      <asp:DropDownList ID="DropDownList1" runat="server" style="vertical-align:bottom"> 
      </asp:DropDownList> 
       Hour 
      <asp:DropDownList ID="DropDownList2" runat="server" style="vertical-align:bottom"> 
       </asp:DropDownList> 
    </div>

    InformationsquelleAutor coHobo

Kostenlose Online-Tests