Gauche de l'alignement de l'étiquette de contrôle dans le <div> tag

J'ai essayé de régler l'alignement des éléments à l'intérieur de ma page web qui a une certaine ASP.NET les contrôles. À l'intérieur, le div tag, j'ai besoin de régler l'alignement de la Label de contrôle de sorte qu'il est toujours aligné à droite dans la div.

Comment puis-je le régler?
Merci!

Edit: Voici le code HTML:

<div id="UserLoggedinMessage" style="float:right; width:280px">    
    <div style="float:right;width:350px">
        <asp:Label ID="Label3" runat="server"></asp:Label>     
        <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">Login now</asp:LinkButton>     

        <!-- Serch Box -->    
        <div id="WLSearchBoxDiv" style="float:right">    
        </div>
        <!-- Seach Box -->
    </div>
</div>

Ainsi, cela me donne mon champ de recherche et le Bouton de Connexion sur la même ligne. Mais le bouton de Connexion est aligné à gauche. J'ai corriger cela.

  • Peut-être un peu de la source et le contexte pour fournir des réponses plus précises? Les réponses ci-dessous sont correctes du point de vue sémantique, mais il y a peut être d'autres facteurs qui les rendent moins que l'idéal (comme vous le suggérez dans les commentaires).
  • Utilisez-vous les outils de développement fournis avec IE8? Cliquez sur "f12" et il va faire apparaître la console développeur. C'est une jolie fonctionnalité impressionnante. Il vous aidera à comprendre comment votre page est en cours de rendu.
  • Editted et ajouté le code
InformationsquelleAutor Cipher | 2011-01-21
  1. 1

    Voici mon coup de poignard à elle, mais je suis en train de faire quelques hypothèses sur la façon dont vous voulez que les choses positionné. En utilisant float:right; dans chaque div, vous pouvez supprimer tout espace supplémentaire généré, et par leur réorganisation dans le sens inverse, vous pouvez les obtenir à la ligne de droite à gauche correctement:

    <div id="UserLoggedinMessage" style="float:right; width:280px;">

    <!-- removed width of 350, 350 inside div of 280 doesn't make sense -->
    <!-- also separated everything into separate divs and reordered them -->
    <div style="float:right;">
        <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">Login now</asp:LinkButton>
    </div>  
    <div style="float:right;">
        <asp:Label ID="Label3" runat="server" />
    </div>
    <!-- Search Box -->
    <div id="WLSearchBoxDiv" style="float:right">

    </div>
    <!-- Seach Box -->
</div>
    • Oups, j'ai juste manqué parce que de 350 à l'intérieur de 280. Merci!
    InformationsquelleAutor Joel Etherton
  2. 0

    Vous pouvez prendre un autre div contrôle en div et un style float:right à l'intérieur de la div.

    • Qui ajoute une autre ligne et dont je ne peux pas laisser dans mon cas :-/
    • Editted et ajouté le code
    InformationsquelleAutor Pankaj Agarwal
  3. 0

    essayez ceci :

    <div style="float:right">
  This is some text and or other controls
</div>

    la fourniture de la " div " avec cette mise en forme permettra de déplacer tous les composants internes à la la plus à droite de position.

    InformationsquelleAutor brokenisfixed
  4. 0

    Vous pouvez essayer de positionnement absolu de l'étiquette, c'est à dire. { position: absolute; right: 0 }. Cela signifierait cependant que le parent doit être absolue positionné, ce qui pourrait être un problème.

    Fournir plus de code pourrait nous aider à sortir une bonne solution.

    InformationsquelleAutor Exelian
  5. 0

    Dans le style attribut, insérez ceci:

    line-height:25px;
    InformationsquelleAutor rao