我想知道,如果有人知道是否有可能做任何看起来像这样：
我知道约http://www.infimum.dk/HTML/slantinfo.html,但我不能把任何文字放在倾斜的地方.
解决方法@H_404_6@
有一点javascript：
http://jsfiddle.net/billymoon/AvmE8/
但这只是为了方便起见,你可以用HTML做同样的事情.
不会适用于所有情况,需要一点调整,但可以为您所知道的大概长度 – 或者知道上限的事情做出努力.
HTML：
<div id='left'>whatever text</div><div id='right'>random text</div>
CSS：
#left,#right{
text-align: justify;
position: absolute;
width:60%;
right:0;
}
#right{
right:auto;
left:0;
}
JS：
for (i = 1; i < 40; i++) {
$('<div />').css({
border: '1px solid silver',height: 10,width: (5 * i),float: 'left',clear: 'left'
}).prependTo($('#left'))
$('<div />').css({
border: '1px solid gold',width: (200 - (5 * i)),float: 'right',clear: 'right'
}).prependTo($('#right'))
}
但这只是为了方便起见,你可以用HTML做同样的事情.
不会适用于所有情况,需要一点调整,但可以为您所知道的大概长度 – 或者知道上限的事情做出努力.
HTML：
<div id='left'>whatever text</div><div id='right'>random text</div>
CSS：
#left,#right{
text-align: justify;
position: absolute;
width:60%;
right:0;
}
#right{
right:auto;
left:0;
}
JS：
for (i = 1; i < 40; i++) {
$('<div />').css({
border: '1px solid silver',height: 10,width: (5 * i),float: 'left',clear: 'left'
}).prependTo($('#left'))
$('<div />').css({
border: '1px solid gold',width: (200 - (5 * i)),float: 'right',clear: 'right'
}).prependTo($('#right'))
}
