我想做的是创建一个网站,以人造字母形式显示我的骚扰。
我希望“纸张大小”(div大小)是固定的,并且文本要像这样在第二张纸(第二个div)上继续显示在第二张纸上(第二个div)。
抱歉,作为新用户,我无法发布我创建的屏幕快照以帮助解释我的情况,因此被迫链接,直到获得足够的声誉点为止:
只为简单起见: 我创建了一个简单的html / css页面,以最简单的形式演示了我想用代码完成的工作:
<style type="text/css"> * { margin: 0; padding: 0; border: 0; } .container { background: #FFFFFF; width: 600px; height: 400px; margin: 0 auto; } #lbox { background: #F00; width: 300px; height: 400px; float: left; } #rbox { background: #00F; width: 300px; height: 400px; float: right; } .flowcontent { padding: 10px 50px; } </style> <div class="container"> <div id="lbox"> <div class="flowcontent"> <p>Lorem Ipsum...</p> </div> </div> <div id="rbox"> <div class="flowcontent"> </div> </div> </div>
屏幕截图:
在这种情况下,我希望红色div的溢出继续在右侧的蓝色div中继续。
我意识到单独使用HTML /CSS可能无法做到这一点,但我希望CSS3可能对此具有一些新的技巧,因为它具有更高级的列处理功能。如果这是不可行的事,那么有人对逻辑方法提出建议吗?要使用PHP甚至JavaScript或JQuery分解它?
我知道PHP,但是仍然是JS / JQ newb,因此我(希望)提供了一些非常简单的示例代码,供任何人插入自己的JS / PHP示例。
无论如何,谢谢您的时间。
您需要的是Adobe提出的CSS区域模块,目前零浏览器支持该模块。如果您真的有兴趣,Adobe确实发布了一个非常粗糙的基于Webkit的浏览器以符合该规范。但是,正如其他人所说,您现在是SOL,需要找到其他解决方案。