Html 嵌入树形图的中间部分

大家好

对不起，我的英语很差

如何将此图表树放在屏幕的中间

我正在使用Twitter引导

以下是我的html和css代码：

*{margin:0；padding:0；}
树胶{
填充顶部：20px；位置：相对；
字体系列：'B Yekan'，tahoma，Arial；字体大小：12px；
过渡：均为0.5s；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
}
李先生{
浮动：左；文本对齐：居中；
列表样式类型：无；
位置：相对位置；
填充：20px 5px 0 5px；
过渡：均为0.5s；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
}
.tree li:：之前，.tree li:：之后{
内容：''；
位置：绝对；顶部：0；右侧：50%；
边框顶部：1px实心#ccc；
宽度：50%；高度：20px；
}
李树：之后{
右：自动；左：50%；
左边框：1px实心#ccc；
}
.tree li:独生子女：：之后，.tree li:独生子女：：之前{
显示：无；
}
.tree li:唯一的子项{padding top:0；}
.tree li:第一个孩子：：之前，.tree li:最后一个孩子：：之后{
边界：0无；
}
李树：最后一个孩子：：之前{
右边框：1px实心#ccc；
边界半径：0 5px 0 0；
-webkit边界半径：0 5px 0；
-moz边界半径：0 5px 0；
}
李树：第一个孩子：：之后{
边界半径：5px0；
-webkit边界半径：5px 0；
-moz边界半径：5px 0；
}
.树ul：：以前{
内容：''；
位置：绝对；顶部：0；左侧：50%；
左边框：1px实心#ccc；
宽度：0；高度：20px；
}
李树先生{
边框：1px实心#ccc；
填充物：5px10px；
文字装饰：无；
颜色：#666；
显示：内联块；
边界半径：5px；
-webkit边界半径：5px；
-moz边界半径：5px；
过渡：均为0.5s；
-webkit过渡：所有0.5s；
-moz转换：所有0.5s；
}
.树李a:悬停，.树李a:悬停+ul李a{
背景：#c8e4f8；颜色：#000；边框：1px实心#94a0b4；
}
.树李a:悬停+ul李：：之后，
.树李a:悬停+ul李：：之前，
.树李a:悬停+ul：：之前，
.树李a:悬停+ul:：之前{
边框颜色：#94a0b4；
}

有不同的方法可以做到这一点，但其中之一就是使用

flex

添加到类

树中

此css：

.tree {
 position: absolute;
 height: 100%;
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
}

---

希望这有帮助

有不同的方法可以做到这一点，但其中之一就是使用

flex

添加到类

树中

此css：

.tree {
 position: absolute;
 height: 100%;
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
}

希望这有帮助