html 如何让几个div水平居中一行
9个回答
展开全部
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<div style="float: left">123</div><div>456</div>。
3、浏览器运行index.html页面，此时多个div会水平居中在一行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用浮动float即可实现，代码实例如下：
<html>
<meta charset="utf-8">
<body>
<style type="text/css">
.div1{width: 100px; height: 100; background: red; float: left;}
.div2{width: 100px; height: 100; background: yellow; float: left;}
.div3{width: 100px; height: 100; background: green; float: left;}
</style>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>
效果如下：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用列表方式处理 设置div 的float属性;margin:o auto 可以达到居中效果
<div style="width:700px;margin:0 auto;">
<ul style="margin:0 auto;list-style:none;">
<li><div style="border:solid 1px white;height:50px;width:200px;background-color:lightblue;float:left;"></div></li>
<li><div style="border:solid 1px white;height:50px;width:200px;background-color:lightblue;float:left;"></div></li>
<li><div style="border:solid 1px white;height:50px;width:200px;background-color:lightblue;float:left;"></div></li>
</ul>
</div>
本回答被提问者和网友采纳
已赞过
已踩过<
你对这个回答的评价是？
展开全部
把这个几个DIV，弄个父级，父级margin: 0 auto；然后让这几个DIV浮动就好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
第一个，给每个div设置样式float：left；
第二个，给这些div的父类设置样式display:inline;
这样就可以了。
第二个，给这些div的父类设置样式display:inline;
这样就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（7）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
