菜鸟跪求大神把现有的纵向展开树修改成横向展开树_html/css_WEB-ITnose

代码：


部门组织架构图


body {
font: 12px/ 1.8 "宋体";
position: relative;
}

html,body {
height: 100%;
overflow-y: hidden;
margin: 0;
padding: 0;
overflow: auto;
}

.strt-wrap {
width: 20000px;
margin: 2px auto;
}

.strt-part {
text-align: center;
float: left;
position: relative;
}

.strt-part .line-v {
position: relative;
height: 40px;
width: 100%;
}

.strt-part .line-v span {
display: block;
background: #ccc;
position: absolute;
top: 0;
font-size: 0;
line-height: 1px;
width: 1px;
height: 40px;
left: 50%;
}

.strt-name {
display: inline-block;
padding: 0 5px;
height: 24px;
line-height: 24px;
border: 1px solid #ccc;
margin: 0 10px;
border-radius: 3px;
background: #f8f8f8;
}

.strt-part .line-h {
height: 1px;
display: block;
background: #ccc;
position: absolute;
top: 0;
font-size: 0;
}

.strt-part .line-h-l {
width: 50%;
left: 0;
}

.strt-part .line-h-c {
width: 100%;
left: 0;
}

.strt-part .line-h-r {
width: 50%;
right: 0;
}

.strt-block {
float: inherit;
}

天云平台

查看更多关于菜鸟跪求大神把现有的纵向展开树修改成横向展开树_html/css_WEB-ITnose的详细内容...