css 布局 inline-block 2分界面

原创 前段攻城狮 随笔 css3 238阅读 2017-11-09 23:38:18 举报

上一个布局 flex 布局方式 flex 布局 -- 针对 table 表单的特殊布局

此篇的布局是 2个 div ,都设置成 inline-block , 1. inline-block 之间有空隙,故设置 A 50% B 50% ,B 会布局到A的下面,不和A 并列,且 2. inline-block 布局后 块大小不一致,导致布局不理想,必须设置vertical-align:top; 保证 top 一致性

inline-block 布局 利用 inline-block 行内元素在 浏览器的渲染方式进行布局。虽然不是主流的,但是也是一种方式

html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复