css 2列将文本向上浮动到两个文本的底部,允许一列扩展为文本

Askchipbug

这应该非常容易,但是对于我的一生,我无法做到这一点。我有两列,高度可变。我有一个div文本跨两列的底部。如果左列是最长的,我需要文本div直接穿过而不能向上浮动到右列:

xxxxxxxxxxxxx   xxxxxxxxx
xxxxxxxxxxxxx   xxxxxxxxx
xxxxxxxxxxxxx   xxxxxxxxx
xxxxxxxxxxxxx   xxxxxxxxx
xxxxxxxxxxxxx   xxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx
xxxxxxxxxxxxx

Heading

blah blah blah blah blah 
blah blah blah blah blah 
blah blah 

但是,如果右列是最长的列,我需要文本流入左列下面的空间,然后右列周围:

xxxxxxxxxxxxx   xxxxxxxxx
xxxxxxxxxxxxx   xxxxxxxxx
xxxxxxxxxxxxx   xxxxxxxxx
xxxxxxxxxxxxx   xxxxxxxxx
xxxxxxxxxxxxx   xxxxxxxxx
                xxxxxxxxx
Heading         xxxxxxxxx
                xxxxxxxxx
blah blah blah  xxxxxxxxx
blah blah blah  xxxxxxxxx
blah blah blah  xxxxxxxxx
blah blah blah
blah blah blah blah blah 
blah blah blah blah blah 
blah blah 

我还尝试使用移动样板和无网格将站点构建为响应式设置。

什么是html / css?有人把我从痛苦中解救出来...

戈迪纳尔

好的,这看起来像是出版物的案例,您只需要float在右上角的栏目中,剩下的就是您如何放置图块。这是一个工作示例,您可以调整左下列的内容长度,以查看它是否如上所述工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章