14
2020
12

一个满屏 品 字布局如何设计?

第一种真正的品字:


三块高宽是确定的;

上面那块用margin: 0 auto;居中;

下面两块用float或者inline-block不换行;

用margin调整位置使他们居中。

第二种全屏的品字布局:

上面的div设置成100%,下面的div分别宽50%,然后使用float或者inline使其不换行。

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。