html – 左,右和中心在父Div容器下对齐子div

概述我想根据我的父级Div将子Div与左,右或中心对齐. 我做了以下, .container{ border:1px solid; padding:1px; width:100%; margin:1px;}.left-item{ float:left; padding:auto; margin:1px;}.center-item{ padding:au @H_404_2@ 我想根据我的父级div将子div与左,右或中心对齐.

我做了以下,

.container{  border:1px solID;  padding:1px;  wIDth:100%;  margin:1px;}.left-item{  float:left;  padding:auto;  margin:1px;}.center-item{     padding:auto;  margin:1px; }.right-item{ float:right; padding:auto;  margin:1px;}

<div >            <button >left</button> <button >Center 2</button> <button >Right</button> <button >left</button> <button >Right</button> <button >Center 1</button> <button >Center 3</button>        </div>

我无法将子div与父级div的中心对齐.谁能帮我这个？

解决方法 只需将text-align：center属性赋予容器div即可.
Js小提琴 – https://jsfiddle.net/72aqsq83/1/

.container{  border:1px solID;  padding:1px;  wIDth:100%;  margin:1px;  text-align:center}

@H_404_2@ 总结

以上是内存溢出为你收集整理的html – 左,右和中心在父Div容器下对齐子div全部内容，希望文章能够帮你解决html – 左,右和中心在父Div容器下对齐子div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。