Javascript 如何在一个HTML页面中水平对齐6,使每个宽度等于浏览器宽度?
现在,, 我通过保持我的身体宽度=12000px来实现这一点; 每个div宽度=2000px 但我想随浏览器宽度动态更改div width,以便在任何屏幕大小上都具有标准视图。CSS:Javascript 如何在一个HTML页面中水平对齐6,使每个宽度等于浏览器宽度?,javascript,css,html,Javascript,Css,Html,现在,, 我通过保持我的身体宽度=12000px来实现这一点; 每个div宽度=2000px 但我想随浏览器宽度动态更改div width,以便在任何屏幕大小上都具有标准视图。CSS: div.horisontal { height: 100px; float: left } JS加载jquery之前,您仍然需要它: $(function(){ var bw = $(window).width(); $('div.horisontal').width(bw); }) $(win
div.horisontal { height: 100px; float: left }
JS加载jquery之前,您仍然需要它:
$(function(){
var bw = $(window).width();
$('div.horisontal').width(bw);
})
$(window).resize(function(){
var bw = $(window).width();
$('div.horisontal').width(bw);
})
HTML:
在这里回答你的问题是一个很好的指南
在发布类似内容之前,请先阅读文章。如果我做错了什么,我很抱歉。但我真的需要知道如何做。请不要发布链接作为您的答案。所以答案应该是完全独立的,外部链接只能作为参考。
<div class="horisontal">div1</div>
<div class="horisontal">div2</div>
<div class="horisontal">div3</div>
<div class="horisontal">div4</div>
<div class="horisontal">div5</div>
<div class="horisontal">div6</div>