2011-07-19 49 views
0

不做事,這是我有:清除屬性如預期

的Label1值1 Label2的值2

LABEL3值3 Label4值4

這就是我想要的:

的Label1值1

標籤2值2

標籤3值3

Label4值4

不使用符
但使用在CSS clear屬性。

<div id="leftColumn" style="width:200px; border:1px solid green; float:left; "> 
       <asp:Label ID="lblVIN" runat="server" CssClass="label" meta:resourcekey="lblVINResource" /> 
       <asp:Label ID="lblVINValue" runat="server" CssClass="value" /> 
       <asp:Label ID="lblYear" runat="server" CssClass="label" meta:resourcekey="lblYearResource" /> 
       <asp:Label ID="lblYearValue" runat="server" CssClass="value" /> 
       <asp:Label ID="lblMake" runat="server" CssClass="label" meta:resourcekey="lblMakeResource" /> 
       <asp:Label ID="lblMakeValue" runat="server" CssClass="value" /> 
       <asp:Label ID="lblModel" runat="server" CssClass="label" meta:resourcekey="lblModelResource" /> 
       <asp:Label ID="lblModelValue" runat="server" CssClass="value" /> 
       <asp:Label ID="lblSeries" runat="server" CssClass="label" meta:resourcekey="lblSeriesResource" /> 
       <asp:Label ID="lblSeriesValue" runat="server" CssClass="value" /> 
       <asp:Label ID="lblColour" runat="server" CssClass="label" meta:resourcekey="lblColourResource" /> 
       <asp:Label ID="lblColourValue" runat="server" CssClass="value" /> 
       <asp:Label ID="lblCylinders" runat="server" CssClass="label" meta:resourcekey="lblCylindersResource" /> 
       <asp:Label ID="lblCylindersValue" runat="server" CssClass="value" /> 
       <asp:Label ID="lblFuelType" runat="server" CssClass="label" meta:resourcekey="lblFuelTypeResource" /> 
       <asp:Label ID="lblFuelTypeValue" runat="server" CssClass="value" /> 
       <asp:Label ID="lblAxels" runat="server" CssClass="label" meta:resourcekey="lblAxelsResource" /> 
       <asp:Label ID="lblAxelsValue" runat="server" CssClass="value" /> 
       <asp:Label ID="lblNSCNumber" runat="server" CssClass="label" meta:resourcekey="lblNSCNumberResource" /> 
       <asp:Label ID="lblNSCNumberValue" runat="server" CssClass="value" /> 

      </div> 

這是迄今爲止的CSS ...

<style type="text/css" > 
    .label{ color:Blue; clear:right;} 
    .value{ color:Orange; clear:right;} 
</style> 

在此先感謝。

回答

3

你沒有漂浮任何東西,然後清除任何東西。

結賬this fiddle

.label{ color:Blue; float:left;clear:left;} 
.value{ color:Orange; float:left;} 
+0

真棒。它工作完美! – joncodo

0

你可以給float屬性標註的標籤,明確和浮動屬性值,以獲得所需的結果