我的div是float:left;多个div之间怎样根据不同分辨率平局间距,用js或jquery插件都行
比如说我的分辨率是1024,我的div宽度是120,这样我的div向左浮动以后可以并排8个,但是120*8=960,1024-960=64,这样右边就空余64个像素,我想...
比如说我的分辨率是1024,我的div宽度是120,这样我的div向左浮动以后可以并排8个,但是120*8=960,1024-960=64,这样右边就空余64个像素,我想让根据不同分辨率如果不够一个div的宽度就自动平均分配剩余像素,有没有js代码或者jquery插件啊,各位大神帮帮忙....先谢过了
展开
3个回答
展开全部
你在这8个div的外面用一个新div把他们都包住,然后在这个新div上面样式这样写width:960px; margin:0 auto;
这样不管你分辨率是多少,他都会自动居中的,你可以试试,如果960宽度不够,可以根据情况设定
这样不管你分辨率是多少,他都会自动居中的,你可以试试,如果960宽度不够,可以根据情况设定
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你是想做成流布局,还是说div并排固定要八个呢
1、如果是流布局,比如花瓣网,可以找专门的流布局jq包
2、如果需要固定八个div并排,就把div的宽度设置为百分比
①八个div百分比是width:12.5%;
②但是在ie6下,全宽是不到百分百的,所以只能设置到width:12.4%;
3、单纯是要在120px的情况下增加,就要写js的判断了
首先判断浏览器的宽度,然后减去div的总宽度再div的数量,得出一个剩余分配的宽度,
最后设置div的宽度=120+剩余分配的宽度
1、如果是流布局,比如花瓣网,可以找专门的流布局jq包
2、如果需要固定八个div并排,就把div的宽度设置为百分比
①八个div百分比是width:12.5%;
②但是在ie6下,全宽是不到百分百的,所以只能设置到width:12.4%;
3、单纯是要在120px的情况下增加,就要写js的判断了
首先判断浏览器的宽度,然后减去div的总宽度再div的数量,得出一个剩余分配的宽度,
最后设置div的宽度=120+剩余分配的宽度
追问
不是固定要8个,比如div宽度120,1440的分辨率就可以正好排12个,1280的分辨率就可以拍10个余80像素,我想要的是可以自动适应的,就像豌豆荚里的应用排列,或者itunes里的应用排列差不多
追答
那就设置百分比的。再设置最小宽度就可以啦。
div{width:12.4%; min-width:120px;}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
回答的都不错。楼主给分吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询