html – 倾斜的文本容器

概述我想知道,如果有人知道是否有可能做任何看起来像这样： 我知道约http://www.infimum.dk/HTML/slantinfo.html,但我不能把任何文字放在倾斜的地方. 有一点javascript： http://jsfiddle.net/billymoon/AvmE8/ 但这只是为了方便起见,你可以用HTML做同样的事情. 不会适用于所有情况,需要一点调整,但可以为您所知道的大概长度 我想知道,如果有人知道是否有可能做任何看起来像这样：

我知道约http://www.infimum.dk/HTML/slantinfo.html,但我不能把任何文字放在倾斜的地方.

解决方法 有一点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 – 倾斜的文本容器所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。