这应该非常容易,但是对于我的一生,我无法做到这一点。我有两列,高度可变。我有一个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] 删除。
我来说两句