]

在倾斜行上的文本对齐

在倾斜行上实现左对齐的文本可能会构成挑战，在nectera时尤其是挑战。 compatibility (back to ie9).

by introducing a series of square elements and calculating their sizes, we can create an effective solution:

.loop(@i) when (@i > 0){
  .loop((@i - 1));
  .space@{i}{
    width: floor(@i*@hSize/(1/tan(5deg)));
  }
}
@hSize: 15px;
.space {
  float: left;
  clear: left;
  width: @hSize;
  height: @hSize;
}

.loopp(&&&]

  
  
  
  
  Lorem ipsum dolor sit amet. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, paragraph.

[&&&&&&&&&&&& && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && && &&&&& stor lorem ipsum dolor坐着。 Vesubum commodo voluta，Chermals AC，Laoreet Enem。 phasellus发酵剂，dolor。 Pellentesque促进。 Nulla Imperdiet Sit Amet Magna。 Vesttibum Dapibus，Mauris Nec Malesuada af af af Ac turpis Velit，Rhoncus Eu，Luke et interndum Adiping Wisi。 alquam erat ac ipsum。整数aliquum purus。 Quisque Lorem Toror Fingilla Sed，Bestibum ID，Eleifend Justo vel Bibendum sapien sapien massa ac ac turpis faucibus orci orci orci orci luctus non，Consectetuer lobortis quis quis quis in varus in，in，段落。