问

旋转文本-90deg并垂直对齐div

手机用户2702935720 发布于 2023-02-07 09:38

html

我试图垂直对齐已经旋转了-90deg且没有太多运气的文本.代码如下

HTML:


    
        
            
                
                    post_title; ?>
                
            
        
        
            post_content; ?>

CSS:

.page_block {
    margin:0px;
    padding:10px;
}
#header { 
    position: relative; 
}
.verticaltext {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:right, top;

    position: absolute; bottom: 0%; left: 0%;
    color: #ed217c;
}



结果是这样的.这是一个Wordpress主题,实现了Twitter Bootstrap以及全宽滑块.我已经确认Bootstrap和Slider都不包含冲突的CSS.



        
        1 个回答
        
                        
                不知道为什么你bottom: 0%; left: 0%;首先拥有它,但是移除它们会产生我所期望的目标.

这是一个例子.

CSS:

.page_block {
    margin:0px;
    padding:10px;
}
#header { 
    position: relative; 
}
.verticaltext {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:right, top;
    position: absolute; 
    color: #ed217c;
}

        
                
                    2023-02-07 09:41  回答
                       陈亮跑街向_114
                
            
                    
    
    
    
        撰写答案
        
            
                
                    回答问题...



    
    
        今天，你开发时遇到什么问题呢？
        立即提问
    

    
        热门标签