] ]

alinhamento de texto em linhas inclinadas

Background

alcançando o texto alinhado à esquerda em uma linha inclinada pode representar um desafio, particularmente quando secreta. Compatibilidade (de volta ao IE9). .LOP ((@i - 1)); .Space@{i} { Largura: piso (@i*@hsize/(1/tan (5deg))); } } @hsize: 15px; .Space {espaço Flutuar: esquerda; Claro: esquerda; Largura: @HSize; Altura: @HSize; }

html

] html, incorporamos esses elementos da seguinte Lorem ipsum dolor Sit AMET. Vestubum Commodo Voluta, Convais AC, LAoreet inimigo. Phasellus fermentum in, Dolor. Facilisis de Plelentresque. Nulla Imperdiet Sit AMET MAGNA. Vesttibum dapibus, mauris nec malesuada fames afames ac turpis valit, rhoncus eu, lubtus et interdum adipsing wisi. Alquam erat ac ipsum. Inteiro Alíquio Purus. Quisque lorem toror fingilla sed, vestibum id, eleifend justo vel bibendum sapien Massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varus in, parágrafo.

.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;
}

Esta solução menos baseada fornece uma abordagem compatível com navegador cruzado para obter texto alinhado à esquerda em uma linha inclinada.