HTML:
<div >Vertical Text</div>
CSS:
.vertical { position: relative; background-color: #ddddDD; padding: 10px; border-radius: 5px 5px 0 0; float: right; -moz-transform: rotate(270deg); /* FF3.5+ */ -o-transform: rotate(270deg); /* Opera 10.5 */ -webkit-transform: rotate(-90deg); /* Saf3.1+,Chrome */}
>在右页边框和div之间创建了不需要的边距.
>旋转div的顶部被裁剪.
虽然我可以使用负边距来解决,但我想知道是否存在更清晰的解决方案.
解决方法 通过transform-origin更改旋转变换的原点:100%100%;New Fiddle 总结
以上是内存溢出为你收集整理的html – CSS:右对齐垂直旋转的文本全部内容,希望文章能够帮你解决html – CSS:右对齐垂直旋转的文本所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)