html放文本容器,html – 倾斜的文本容器

有一点javascript：

http://jsfiddle.net/billymoon/AvmE8/

但这只是为了方便起见,你可以用HTML做同样的事情.

不会适用于所有情况,需要一点调整,但可以为您所知道的大概长度 – 或者知道上限的事情做出努力.

HTML：

whatever text

random text

CSS：

#left, #right{

text-align: justify;

position: absolute;

width:60%;

right:0;

}

#right{

right:auto;

left:0;

}

JS：

for (i = 1; i < 40; i++) {

$('

border: '1px solid silver',

height: 10,

width: (5 * i),

float: 'left',

clear: 'left'

}).prependTo($('#left'))

$('

border: '1px solid gold',

height: 10,

width: (200 - (5 * i)),

float: 'right',

clear: 'right'

}).prependTo($('#right'))

}