关于左右浮动垂直居中的问题

mchudie · 发表于 2016-4-20 10:32:05

请教如何实现下面图片的布局

木魚 · 发表于 2016-4-20 11:43:47

一般用固定高度或负边距强行撑开高度浮动的一栏，并使用溢出隐藏来截断。可参考这篇日志： http://www.zhangxinxu.com/wordpr ... %E7%9B%B8%E7%AD%89/

mchudie · 发表于 2016-4-20 11:55:20

木魚发表于 2016-4-20 11:43
一般用固定高度或负边距强行撑开高度浮动的一栏，并使用溢出隐藏来截断。可参考这篇日志： http://www.zhan ...

右边肯定是撑开的不是固宽度想做如下效果求详细方法

木魚 · 发表于 2016-4-20 12:48:30

什么叫不想固宽度？

mchudie · 发表于 2016-4-20 12:55:29

木魚发表于 2016-4-20 12:48
什么叫不想固宽度？

高度

木魚 · 发表于 2016-4-20 13:32:19

不知道是不是想要撑开左边的高度和右边相同？还是纯粹只要左边居中就行了？
如果左边不需要撑开一样高只想要居中即可，可以将左侧绝对定位，用margin-top和top做定位即可。
如果左边想要撑开同样的高度，用上面说的相同的方法就行了，不过这种情况下居中貌似比较麻烦点。其实用display:table-cell或干脆用table比较简单一点。

关于这些可以参考这篇文章： http://www.zhangxinxu.com/study/ ... vertical-align.html

帐号		自动登录	找回密码
密码			入住

关于左右浮动垂直居中的问题

本帖子中包含更多资源

相关帖子

点评

本帖子中包含更多资源

点评

点评