很好的HTML/CSS顯示元素

所以，我的干擾的原因，我需要把這些文本框，標籤，按鈕放在一個很好的線之間。對於你們中的一些人來說，這可能很容易在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>

來源

2016-09-19 Hendrik Breezy

向我們展示代碼！檢查此鏈接 - http://www.w3schools.com/css/css_form.asp – Pugazh

做到這一點，它有幫助嗎？ –

請求幫助之前先嚐試一下。 Flex中的CSS是超級易於使用和理解。 Flexbox Guide本指南已有詳細記錄。所以，你會很容易理解它。嘗試閱讀30分鐘。那麼對於你來說佈局會很容易。 –

不要使用表格，利用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，然後再花一些時間學習它。

來源

2016-09-19 08:14:39 SPlatten

那麼最好的命令是讓他們自己呢？例如輸入文本框？ –

不知道你在問什麼/ – SPlatten

就像在每個Button中一樣。 –

很好的HTML/CSS顯示元素

回答

相關問題