返回答案

一些海报提到css3系统使用中心的方式显示：框

此语法已过时，不应再使用。[参见也这篇文章] 所以为了完整起见，这里是最新的集中注意力的方法css3系统使用灵活的盒子布局模块

因此，如果您有简单的标记，如：

<div class=“box”><div class=“item1”>AB类<div class=“item3”>C</div>

…如果要将项目集中在框中，则需要在父元素（.box）上执行以下操作：

.box文件{显示：flex；柔性缠绕：缠绕/*可选择的。仅当您希望包裹项目时*/justify-content：中心/*对于水平对齐*/对齐项目：居中/*对于垂直对齐*/}

.box文件{显示：flex；柔性缠绕：缠绕；/*可选择的。仅当您希望包裹项目时*/justify-content：中心；/*对于水平对齐*/对齐项目：居中；/*对于垂直对齐*/}* {边距：0；填充：0；}html，车身{高度：100%；}.box文件{高度：200px；显示：flex；柔性缠绕：缠绕；justify-content：中心；对齐项目：居中；边框：2px实心番茄；}.box目录{边距：0 10px；  宽度：100px；}.项目1{高度：50px；背景：粉红色；}.项目2{背景：棕色；高度：100px；}.项目3{高度：150px；背景：橙色；}

<div class=“box”><div class=“item1”>AB类<div class=“item3”>C</div>

如果您需要支持使用flexbox旧语法的旧浏览器这里是一个值得一看的好地方。

一些海报提到CSS 3（CSS 3）使用中心的方式显示：框.

此语法已过时，不应再使用。[参见也此帖子].

所以为了完整起见，这里是最新的集中注意力的方法CSS 3（CSS 3）使用灵活的盒子布局模块.

因此，如果您有简单的标记，如：

<div class=“box”><div class=“item1”>A<div class=“item2”>B</div><div class=“item3”>C</div>

…如果要将项目集中在框中，则需要在父元素（.box）上执行以下操作：

.box文件{显示：flex；柔性缠绕：缠绕/*可选。仅当您希望包裹项目时*/justify-content：中心/*对于水平对齐*/对齐项目：居中/*对于垂直对齐*/}

.box文件{显示：flex；柔性缠绕：缠绕；/*可选。仅当您希望包裹项目时*/justify-content：中心；/*对于水平对齐*/对齐项目：居中；/*对于垂直对齐*/}* {边距：0；填充：0；}html，车身{高度：100%；}.box文件{高度：200px；显示：flex；柔性缠绕：缠绕；justify-content：中心；对齐项目：居中；边框：2px实心番茄；}.box目录{边距：0 10px；宽度：100px；}.项目1{高度：50px；背景：粉红色；}.项目2{背景：棕色；高度：100px；}.项目3{高度：150px；背景：橙色；}

<div class=“box”><div class=“item1”>AB类<div class=“item3”>C</div>

如果您需要支持对flexbox使用旧语法的旧浏览器这里是一个值得一看的好地方。

一些海报提到了css3使用显示：框

此语法已过时，不应再使用。[另请参见此帖子]为了完整起见，下面是使用灵活的盒子布局模块

因此，如果您有简单的标记，如：

<div class=“box”><div class=“item1”>AB类<div class=“item3”>C</div></div>

…如果要将项目集中在框中，则需要在父元素（.box）上执行以下操作：

.box文件{显示：flex；柔性（flex）-方向:行；    柔性（flex）-包: 包裹；justify-content：中心；对齐项目：居中；}

这里有一个现场演示使用-[这还考虑了浏览器特定的属性。]

注意：这现在在Firefox 22中有效，但对于早期版本的FF-你需要启用flexbox运行时标志，如这

此帖子显示了如何到获得最大浏览器支持并解释了ie10中需要的一些特殊浏览器特定属性）

在尝试获取语法正确的对于所有浏览器都是 在这里.

一些海报提到了css3使用显示：框

此语法已过时，不应再使用。[另请参见此帖子]为了完整起见，下面是使用柔性盒布局模块

因此，如果您有简单的标记，如：

<div class=“box”><div class=“item1”>AB类<div class=“item3”>C</div>

…如果要将项目集中在框中，则需要在父元素（.box）上执行以下操作：

.box文件{显示：flex；柔性（flex）-包:包裹/* 可选。只有 如果 你 希望项目包*/justify-content：中心；/*用于水平对齐*/对齐项目：居中；/*用于垂直对齐*/}

.box文件{显示：flex；柔性缠绕：缠绕；/*可选。仅当您希望包裹项目时*/justify-content：中心；/*用于水平对齐*/对齐项目：居中；/*用于垂直对齐*/}* {边距：0；填充：0；}html，车身{高度：100%；}.box文件{高度：200px；显示：flex；柔性缠绕：缠绕；justify-content：中心；对齐项目：居中；边框：2px实心番茄；}.box目录{边距：0 10px；宽度：100px；}.项目1{高度：50px；背景：粉红色；}.项目2{背景：棕色；高度：100px；}.第3项{高度：150px；背景：橙色；}

<div class=“box”><div class=“item1”>AB类<div class=“item3”>C</div>

如果你需要支持使用旧浏览器的旧浏览器的语法柔性接线盒 这里是一个好看的地方.

一些海报提到了css3集中使用的方式显示：框

此语法已过时，不应再使用。[另请参见此帖子]为了完整起见，下面是使用灵活的盒子布局模块

因此，如果您有简单的标记，如：

<div class=“box”><div class=“item1”>AB类<div class=“item3”>C</div>

…如果要将项目集中在框中，则需要在父元素（.box）上执行以下操作：

.box文件{显示：flex；柔性方向：行；柔性缠绕：缠绕；justify-content：中心；对齐项目：居中；}

这里有一个现场演示玩-[这也考虑到了特定于浏览器的属性。]

注意：这现在在Firefox 22中有效，但对于早期版本的FF，您需要启用flexbox运行时标志，如这

这个帖子显示了如何获得对flexbox的最大浏览器支持，并解释了ie10中需要的一些特定于浏览器的属性）

当尝试为所有浏览器正确使用语法时，一个好的起点是http://the-echoplex.net/flexibox/

一些海报提到了css3使用显示：框

此语法已过时，不应再使用。[另请参见此帖子]为了完整起见，下面是使用灵活的盒子布局模块

因此，如果您有简单的标记，如：

<div class=“box”><div class=“item1”>AB类<div class=“item3”>C</div>

…如果要将项目集中在框中，则需要在父元素（.box）上执行以下操作：

.box文件{显示：flex；柔性方向：行；柔性缠绕：缠绕；justify-content：中心；对齐项目：居中；}

这里有一个现场演示使用-[这还考虑了浏览器特定的属性。]

注意：这现在在Firefox 22中有效，但对于早期版本的FF，您需要启用flexbox运行时标志，如这

此帖子显示了如何获得对flexbox的最大浏览器支持，并解释了ie10中需要的一些特定于浏览器的属性）

当尝试为所有浏览器正确使用语法时，一个好的起点是在这里.