用960网格系统布局网页 2

本文介绍了网页设计中常见的两栏页面布局方法,以及如何使用公式精确计算元素宽度,确保从左至右参考线间宽度为960px。通过12栏网格系统实例,深入解析网页宽度计算技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

容器宽度的计算方法:

从最左边的参考线到最右边的参考线为960px

wps_clip_image-22339

以12栏为例:

wps_clip_image-5337

wps_clip_image-12872

这样就可以使用一个公式计算网页中元素的宽度.

wps_clip_image-31444

常用的页面布局

两栏页面布局

wps_clip_image-5203

使用PS开始布局:

wps_clip_image-11614

转载于:https://my.oschina.net/doloop/blog/207656

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值