使用css3怎么实现一个思维导图样式
使用css3怎么实现一个思维导图样式?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
创新互联公司主营准格尔网站建设的网络公司,主营网站建设方案,app软件开发,准格尔h5微信平台小程序开发搭建,准格尔网站营销推广欢迎准格尔等地区企业咨询
html代码
node1
node2
node3
node4
node4
node4
node3
node3
node2
node2
css3代码
.mainBody{ display: -webkit-flex; /* Safari */ display: flex; flex-direction: row; justify-content: flex-start ; } .sbody{ } .oneBody{ display: -webkit-flex; /* Safari */ display: flex; flex-direction: column; justify-content: space-around; } #node1{ /*height: 200px;*/ margin-top: 100px; margin-left: 100px; } h2{ line-height: 100%; display: -webkit-flex; /* Safari */ display: flex; flex-direction: column; justify-content: center; }
看完上述内容,你们掌握使用css3怎么实现一个思维导图样式的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
分享文章:使用css3怎么实现一个思维导图样式
网页地址:http://ybzwz.com/article/jspcdc.html