您好,欢迎来到化拓教育网。
搜索
您的当前位置:首页div css垂直怎么横过来,CSS3:垂直对齐的多个旋转div

div css垂直怎么横过来,CSS3:垂直对齐的多个旋转div

来源:化拓教育网

我有三个或更多div,我想旋转并垂直对齐它们。我尝试过,但没有找到解决方案。

的CSS:

.rotation {

float: left;

clear: both;

width:100px;

}

.rotation .container {

float: left;

clear: both;

}

.rotation .rotate {

float: left;

margin-top: 20px;

-ms-transform: rotate(90deg);

/*IE 9*/

-webkit-transform: rotate(90deg);

/*Chrome, Safari, Opera*/

transform: rotate(90deg);

transform-origin: 50% 50% 0;

background: #3c8d37;

color: #fff;

font-family:arial;

}

HTML:

First Text
Long Text Long Text
Very Long Text Very Long Text

我正在尝试做这样的事情:

文字长度可能因文化而异,我希望保持所有div对齐。那可能吗?我感谢任何帮助。

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo9.cn 版权所有 赣ICP备2023008801号-1

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务