Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在一个HTML页面中水平对齐6,使每个宽度等于浏览器宽度?_Javascript_Css_Html - Fatal编程技术网

Javascript 如何在一个HTML页面中水平对齐6,使每个宽度等于浏览器宽度?

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

现在,, 我通过保持我的身体宽度=12000px来实现这一点; 每个div宽度=2000px

但我想随浏览器宽度动态更改div width,以便在任何屏幕大小上都具有标准视图。

CSS:

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>