2016-09-19 40 views
1

所以,我的干扰的原因,我需要把这些文本框,标签,按钮放在一个很好的线之间。 对于你们中的一些人来说,这可能很容易在CSS中完成,所以请帮助我:D很好的HTML/CSS显示元素

任何参考资料我都可以阅读,这也很好。

额外的信息: 网站是基于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> 

                                                                                             

+0

向我们展示代码!检查此链接 - http://www.w3schools.com/css/css_form.asp – Pugazh

+0

做到这一点,它有帮助吗? –

+0

请求帮助之前先尝试一下。 Flex中的CSS是超级易于使用和理解。 Flexbox Guide本指南已有详细记录。所以,你会很容易理解它。尝试阅读30分钟。那么对于你来说布局会很容易。 –

回答

0

不要使用表格,利用CSS和“DIV”节点来包装内容和显示样式把数据内嵌。

使用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,然后再花一些时间学习它。

+0

那么最好的命令是让他们自己呢?例如输入文本框? –

+0

不知道你在问什么/ – SPlatten

+0

就像在每个Button中一样。 –