2011-07-19 48 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属性标注的标签,明确和浮动属性值,以获得所需的结果