Question

所以，我干扰的原因，我需要把这些TextBoxes，Labels，Buttons放在一个漂亮的行中。对于你们中的一些人来说，在CSS中这可能很容易，所以请帮助我：D

任何我可以阅读它的参考资料也会很好。

额外信息：网站基于ASP.NET

EDIT1：

<asp:RadioButtonList ID="radioListRight" runat="server" AutoPostBack="True" RepeatDirection="Horizontal" >
        <asp:ListItem>Recht hinzufuegen</asp:ListItem>
        <asp:ListItem>Recht entfernen</asp:ListItem>
    </asp:RadioButtonList>
    <asp:Label ID="LabelError" runat="server" Font-Bold="True" Font-Size="Large" ForeColor="Red"></asp:Label>

    <br />
    Projekt:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<asp:DropDownList ID="comboProj" runat="server" AutoPostBack="True" Width="140px" Visible="False">
    </asp:DropDownList><br />
    &nbsp;Teilprojekt:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:DropDownList ID="ComboTP" runat="server" Width="136px" Visible="False">
    </asp:DropDownList>
    <asp:Button ID="btnAddTP" runat="server" Text="Hinzufügen" Visible="False" />
    <br />
    <asp:ListBox ID="ListBoxTP" runat="server" Height="164px" Width="422px" Visible="False"></asp:ListBox><br />
    Art der Berechtigungen:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:DropDownList ID="comboBerechtigungsArt" runat="server" Visible="False" AutoPostBack="True">
        <asp:ListItem>Auswählen...</asp:ListItem>
        <asp:ListItem Value="CHECK-IN / CHECK-OUT"></asp:ListItem>
        <asp:ListItem>CHECK-OUT</asp:ListItem>
        <asp:ListItem>CHECK-IN</asp:ListItem>
    </asp:DropDownList><br />
    Berechtigungen eintragen für&nbsp;&nbsp;&nbsp;<asp:TextBox ID="TextBoxUser" runat="server" Width="151px" placeholder="HendrikHeim" Visible="False"></asp:TextBox>
    <asp:Button ID="btnAddUser" runat="server" Text="Hinzufügen" Visible="False" />
    <br />
    &nbsp;<asp:Label ID="labelEmail" runat="server" Text="EMail"></asp:Label>

Answer 1

不要使用表格，使用CSS和＆＃39; div＆＃39;用于包装内容的节点和用于将数据内联的显示样式。

使用http://www.w3schools.com/

作为CSS的来源

如果浏览器宽度要缩小，表格将无法正常流动，将单个标签放入将允许浏览器正确设置布局样式。

将元素放在同一行：

    <div style="display:inline;width:80px;">content here</div>
    <div style="display:inline;width:100px;">content here</div><br />

然后，您可以通过添加更多样式，宽度等来修复列的宽度。

如果您不熟悉CSS，那么花点时间学习它。

HTML / CSS以漂亮的方式显示元素

1 个答案: