一尘不染

继续在其他div中溢出文字?

css

我想做的是创建一个网站,以人造字母形式显示我的骚扰。

我希望“纸张大小”(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示例。

无论如何,谢谢您的时间。


阅读 314

收藏
2020-05-16

共1个答案

一尘不染

您需要的是Adobe提出的CSS区域模块,目前零浏览器支持该模块。如果您真的有兴趣,Adobe确实发布了一个非常粗糙的基于Webkit的浏览器以符合该规范。但是,正如其他人所说,您现在是SOL,需要找到其他解决方案。

2020-05-16